根据下拉选择显示数据库中的数据 - display data from database based on drop down selection

display data from database based on drop down selection

本文关键字：数据库数据显示选择 | 更新日期: 2023-09-27

请帮帮我。我有一个下拉列表，其中包含商店a和商店B。商店a的值为1，商店B的值为2。当从下拉列表中选择商店A时，我想将数据库中的数据列为每个商店对应的表。这是我的html:

<form action="" method="post" name="form2">
  SHOP
  <select name="shop" id="shop" onchange="javascript: form2.submit()">
    <option>Select</option>
    <option value="1" <?php echo isset($_REQUEST["shop"]) && $_REQUEST["shop"] == "1" ? "selected" : "" ?>>ShopA</option>
    <option value="2" <?php echo isset($_REQUEST["shop"]) && $_REQUEST["shop"] == "2" ? "selected" : "" ?>>ShopB</option>
 
  </select>
</form>

这是我的js:

$("#shop").change(function(){
    // get the selected user's id
    var id = $(this).find(":selected").val();
    // load it in the userInfo div above
    $("#container").load("table_data.php?id="+id);
});

table_load.php是否返回HTML元素？来自JQuery文档：

描述：从服务器加载数据，并将返回的HTML放入匹配的元素中

PHP脚本需要生成要插入到容器中的HTML元素。此外，你并不真的需要选择器，这就足够了：

var id = $(this).val();