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的事件
获取活动的选定值，并通过PHP请求

jQuery

PHP文件：使用Query
以json编码
在jQuery中，接收该输出并在json中解码并在textarea中显示

您需要将jQuery用于onchange事件

$('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文件

如何使用foreach循环基于所选选项将数据检索到文本区域？

1 个答案: