我废弃了这段代码来检查该机制是否有效。事实上,我需要实现的是根据"州"下拉列表中的选择来填充"城市下拉列表"。HTML代码如下所示。
<select id="id"></select>
<select id="state"></select>
<select id="city"></select>
Ajax调用如下。
$(document).on("change", '#state', function(e) {
var state = $(this).val();
$.ajax({
type: "POST",
data: {state: state},
url: 'get_name_list.php',
dataType: 'json',
success: function(json) {
var $el = $("#city");
$el.empty(); // remove old options
$el.append($("<option></option>")
.attr("value", '').text('Please Select'));
$.each(json, function(value, key) {
$el.append($("<option></option>")
.attr("value", value).text(key));
});
}
});
});
PHP代码将值列表编码为具有以下结构的JSON。
作为测试,我将JSON插入到数据库表中,它一直工作到现在。所以这不是一个理论过程。它一直工作到代码中的这一点。
JSON结构如下。
[{"name":"Alappuzha"},{"name":"Ernakulam"},{"name":"Idukki"},{"name":"Kannur"},{"name":"Kasaragod"},{"name":"Kollam"},{"name":"Kottayam"},{"name":"Kozhikode"},{"name":"Malappuram"},{"name":"Palakkad"},{"name":"Pathanamthitta"},{"name":"Thiruvananthapuram"},{"name":"Thrissur"},{"name":"Wayanad"}]
然后我回显JSON。
但是第一页的下拉列表并没有被填充。PHP文件如下所示。
$json= array();
$id=$_POST["id"];
//echo $sample;
//mysqli_query($mysqli,"INSERT into test_tablr values('','$id')") or die(mysqli_error($mysqli));
if ($result = $mysqli->query("SELECT name FROM geo_locations WHERE parent_id =$id ")) {
while ($row = mysqli_fetch_assoc($result)) {
$json1[] = $row;
}
$json=json_encode($json1);
}
mysqli_query($mysqli,"INSERT into test_tablr values('','$json')") or die(mysqli_error($mysqli));
echo $json;
但不幸的是,下拉列表没有被填充。有灯吗?
在jQuery:中尝试此操作
var $el = $("#city");
$el.empty(); // remove old options
$el.append($("<option value=''>Please Select</option>");
$.each(json, function(value, key) {
$el.append($("<option value='"+ value +"'>"+key+"</option>");
});