选择选项时自动加载选项 PHP/MySQL
Posted
技术标签:
【中文标题】选择选项时自动加载选项 PHP/MySQL【英文标题】：Auto load options when an option is selected PHP/MySQL 【发布时间】：2014-11-18 13:49:09 【问题描述】：我正在处理的代码有问题。我显然是 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请求并根据下拉值从数据库中获取数据。
请发布您正在处理的代码。
Kartikeya 已经提到.. ajax 是您最好的选择，但是，请先向我们展示您所做的研究！
【参考方案1】：
您需要使用 Ajax 调用根据选择的状态获取数据。
【讨论】：
【参考方案2】：根据您的应用架构和偏好：
您可以每次对服务器进行ajax调用，以根据所选州获得相应的城市。请关注Auto-populating Select Boxes using jQuery & AJAX的帖子。
或者
您可以以 JSON 格式预加载基于州的所有城市，并根据所选州显示相应的城市。请在 Jsfiddle 中查看我的工作示例 here。
<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。
【讨论】：
哇。这很有帮助。很抱歉我回复晚了。 @EstheronsSamuel，谢谢，如果它对您有用，您介意接受答案吗？如果您觉得它有帮助，请投反对票。以上是关于选择选项时自动加载选项 PHP/MySQL的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 Selenium 填写自动完成输入框？ （为啥自动输入不加载自动完成选项但手动输入呢？）
Telerik RadTextBox 在选择 Chrome 自动填充选项后变为只读