Question

如何使用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中，用于根据select框的id获取数据。但是这段代码不起作用。

Answer 1

您使用AJAX加载第二个div的内容。在你的第一个div make onchange调用函数Eg：<select onchange='loadDiv(this.value);'> 这将调用函数loadDiv(value)，您可以在其中向文件发送ajax请求，该文件将根据First select框的值获取数据。然后，您可以使用CSS选择器$('#secondDiv).html(result)简单地加载内容。结果是根据第一个选择框值返回的下拉内容。希望你明白这一点！

如何使用mysql php动态地根据下拉更改来更改div内容

1 个答案: