php - 选择选项时自动加载选项 PHP/MySQL

标签 php jquery mysql sql

我正在处理的代码有问题。我显然是 php 和 mySQL 的新手。 我想在选择另一个选项时从 mysql 数据库加载一个选项字段。 也就是说: 我有选择

<select name=state>
   <option value=Lagos>Lagos</option>
   <option value=Abuja>Abuja</option>
   <option value=Rivers>Rivers</option>
   </select>

和另一组选项:

   <select name=City>
   <option value=Lekii>Lekki</option>
   <option value=VI>VI</option>
   <option value=Ikoyi>Ikoyi</option>
   </select>

我有一个名为 PLACES 的数据库以及州和城市的表格 我想在选择州时加载相应的城市列表。 也就是说,当我选择拉各斯时,拉各斯的所有城市都会出现在另一个下拉菜单中。

请注意,有 2 个选择字段。

请帮帮我,伙计们。

最佳答案

基于您的应用架构和偏好:

您可以每次对服务器进行ajax调用,以根据所选州获得相应的城市。请关注帖子Auto-populating Select Boxes using jQuery & AJAX .

或者

您可以以 JSON 格式预加载基于州的所有城市,并根据所选州显示相应的城市。请看我的工作示例 here在 Jsfiddle 中。

<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript">
     // you need to fill this cities value getting data from city table of your DB
cities = {
    "Lagos": ["LagosCity1", "LagosCity2"],
    "Abuja": ["AbujaCity1", "AbujaCity2", "AbujaCity3"],
    "Rivers": ["RiversCity1", "RiversCity2", "RiversCity3"]
}
$(document).ready(function() {
  $('#state').change(function() {
       var state = $(this).val();
    if(cities[state] && cities[state].length > 0)
    $("#Scity").html('');
     $.each(cities[state], function(i, city) {
            $("<option>").attr("value", city).text(city).appendTo("#Scity");
        });
  });
});
</script>
</head>
<body>
State: <select id='state' name='state'>
   <option value=0>Select</option>
   <option value='Lagos'>Lagos</option>
   <option value='Abuja'>Abuja</option>
   <option value='Rivers'>Rivers</option>
</select>
City: <select id="Scity" name='city'></select>
</body>
</html>

或者

默认情况下,您可以在城市选择框中显示所有城市,并在选择一个州时过滤掉城市,只显示属于该州的城市,请参见一种示例 here .

关于php - 选择选项时自动加载选项 PHP/MySQL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26010616/

相关文章:

jquery - 使用 jQuery 上传多个文件

javascript - 如何使用jquery抓取动态添加的输入框的输入值

php - MAMP 3、.htaccess 和 php_value

php - 提高 php 在本地服务器上的性能

php - 单击添加新按钮并使用 php-pdo 将数据插入数据库时​​如何生成 2 个新输入字段

php - ElasticSearch-全文匹配和 'fuzzy'匹配

javascript - IE7、IE8下图片文件上传及预览问题

mysql - 如何解决高级过滤器问题,使用 MySQL 查询

php - 如何将 WordPress 中 WPForm 的值存储到 MySQL 数据库中?

php - 如何根据距离搜索mysql