php - 如何使用mysql php根据下拉列表动态更改div内容

标签 php jquery html mysql css

如何使用 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/

相关文章:

php - 使用 codeigniter 将与 ID 关联的数组的每个元素插入到数据库表中

html - 如何水平并排对齐div?

php - 使用 HTML 和 PHP 时无法将电子邮件插入 MySQL 表

javascript - 从 jQuery 选择器创建数组

javascript - 随机订单号发布到电子邮件

javascript - 使用每个函数从一个输入复制值并将值粘贴到第二个输入

php - Laravel 为路由提供数组,并非所有值都是必需的

javascript - 不回显未使用的文本输入

php - 在 PHP 中将 `null` 与字符串连接是否安全?

javascript - 如何防止 Bootstrap 轮播在单击右/左控件后恢复幻灯片动画