如何使用 mysql php 根据下拉列表动态更改 div 内容?
$sql = mysqli_query($conn,"SELECT vendor_info.`vender_id`, vendor_info.`vender_name` , products.`vender_id` , products.`prod_id` , products.`prod_name` FROM vendor_info,products WHERE vendor_info.`vender_id` =products.`vender_id`");
while ($row = mysqli_fetch_array($sql))
{
echo $v_id=mysqli_real_escape_string($conn,$row['vender_id']);
$sql_b=mysqli_query($conn,"select * from `vendor_info` where `vender_id`= '$v_id'");
?>
<option value="<?php echo $v_id ?>"><?php echo $row['vender_name'];?></option>
<?php
}
?>
</select>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-6">
<?php
echo $que ="select * from products where vender_id='$v_id'";
$query=mysqli_query($conn,$que);
while($result=mysqli_fetch_array($query)){
?>
<div class="<?php echo $v_id ?> box">You have selected <strong><?php echo $row['prod_name']; ?></strong> so i am here
<?php }?>
</div>
在第二个 div 中,我想根据下拉选择更改内容。我将代码放在第二个 div 中,用于根据选择框的 id 获取数据。但是这段代码不起作用。
最佳答案
您使用 AJAX 加载第二个 div 的内容。在您的第一个 div 中对函数进行 onchange 调用,例如:<select onchange='loadDiv(this.value);'>
这将调用一个函数 loadDiv(value)
,在那里您可以向文件发送 ajax 请求,该文件将根据第一个选择框的值获取数据。然后你可以简单地使用 CSS 选择器加载内容 $('#secondDiv).html(result)
这里的结果是根据第一个选择框值返回的下拉内容。希望你明白这一点!
关于php - 如何使用mysql php根据下拉列表动态更改div内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34488355/