如何使用MySQL PHP動態基於下拉更改更改div內容

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中，以便根據選擇框的ID來獲取數據。 但是此代碼不起作用。

Answer 1

您使用AJAX加載第二個div的內容。 在您的第一個div中，對函數進行onchange調用，例如： <select onchange='loadDiv(this.value);'>這將調用函數loadDiv(value) ，您可以在其中發送ajax請求到文件，該文件將獲取數據基於“第一次選擇”框的值。 然后，您可以簡單地使用CSS選擇器$('#secondDiv).html(result)加載內容。這里的結果是根據第一個選擇框值返回的下拉內容。 希望你能理解！