foreachループを使用して選択したオプションに基づいてテキスト領域にデータを取り込む方法は？

Question

選択されているドロップダウンリストオプションに基づいて、データベースからテキスト領域にデータを取り出す際に問題がありますが、foreachを試しましたが、役に立たなかった。すべてのアイテムが、私が欲しいだけでなくポップアップします。ここ

は私のPHPコードです： vispage.php

<?php 
session_start(); 
$title = "hadeeth"; 
include_once ("header.php"); 
include 'connect.php'; 


//STEP 1: CREATE THE QUERY 

$query = "SELECT * FROM `search`"; 

//STEP 2: RUN THE QUERY 
$result = mysqli_query($con,$query); 
$hadeeth = array(); 

//STEP 3: RETRIEVE VALUES FROM RESULT 
while($row = mysqli_fetch_assoc($result)) 
{ 

$hadeeth[$row['name']] = array(
'name'=>$row['name'], 
'short'=>$row['short'] 
); 

} 
?> 

htmlコード：

<div class="container"> 
<div class="had"> 
<form name="det" action="vispage.php" method="POST"> 
<label for="hadeath"> 
Select Title of the Hadeath</label> 
<select name="header"> 

       <?php foreach($hadeeth as $i) {?> 
<option value="1"><?php echo $i['name']; ?></option> 
    <?php } ?> 
</select><br><br> 
<a 
type="submit" name="det" class="btn btn-default" value="view details" 
    role="button">det</a></p> 

<label for="a">tree :</label><br> 
<textarea name="tree" rows="15" cols="30"></textarea><br><br> 
</form> 
</div> 

</div> 
<?php include 'footer.php' ?> 

Answer 1

あなたはいくつかのステップ実行する必要があります。

• HTMLフォームを：のイベントを追加しますドロップダウンボックスのonchange
• イベントで選択された値を取得し、jQuery要求を介しPHPファイルへ
• PHPファイルを送信：変数受け取るとjQueryで
• をエンコードjsonに送り返すQuery
• を使用してデータベースから関連データを取得し、jsonにその出力とデコードを受け取りますそして

あなたはonchangeイベントのためのjQueryを使用する必要があるテキストエリアに表示

$('select[name=header]').change(function(){ 
    var value = $(this).val(); 
    $.ajax({ 
     type : 'POST', 
     url : 'file-name.php', 
     data : {selectedValue:value}, 
     dataType : 'json', 
     success:function(response){ 
      $('textarea[name=tree]').html(tree); 
     } 
    }); 
}); 

PHPファイルを更新する必要があります。