选择选项时自动加载选项PHP/MySQL_Php_Jquery_Mysql_Sql

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

php jquery mysql sql

选择选项时自动加载选项PHP/MySQL,php,jquery,mysql,sql,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>

我正在处理的代码有问题。我对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>

我有一个名为“州和市的地点和表格”的数据库我想在选择state时加载相应的城市列表。也就是说，当我选择拉各斯时，拉各斯的所有城市都将在另一个下拉菜单中填充

请注意，有两个选择字段

请帮助我，伙计们。

您需要使用Ajax调用根据所选状态获取数据。

根据您的应用程序体系结构和偏好：

您每次都可以对服务器进行ajax调用，以根据所选的州获得相应的城市。请跟贴

或

您可以基于状态以JSON格式预加载所有城市，并基于所选状态显示相应的城市。请参阅我在JSFIDLE中的工作示例

<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>

或

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

发出ajax请求并根据下拉值从数据库中获取数据。请发布您正在处理的代码。正如Kartikeya所提到的。。ajax是您最好的选择，但是，请先向我们展示您所做的研究！！哇！这很有帮助。很抱歉，我回复晚了。@EstheronsSamuel，谢谢，如果答案对你有用，你介意接受吗？如果你觉得有用，请放弃投票。