Php 如何在设置上一个列表框值时设置“选择框”或“下拉列表框”的值

可能重复：

---

我的代码中有两个select元素。一个用于州（#美国州），第二个用于城市（#城市名称）。当我选择一个“州”时，第二个select元素必须只包含存在于所选州的城市

使用jquery

append

附加选项值（还记得使用

$（'#城市名称'）.html（“”；

$（'city_name'）。附加（''+city+''）；

一种可能的解决方案：

var data = {
    "State 1": ["City 1", "City 2"],
    "State 2": ["City 3", "City 4"],
    "State 3": ["City 5", "City 6", "City 7"]
};

var $states = $("#us_state").on("change", function() {
    var $cities = $.map(data[this.value], function(city) {
        return $("<option />").text(city);
    });
    $("#city_name").empty().append($cities);
});

for (var state in data) {
    $("<option />").text(state).appendTo($states);
}​

var数据={
“国家1”：[“城市1”、“城市2”]，
“第二州”：[“第三城”、“第四城”]，
“第三州”：[“第五城”、“第六城”、“第七城”]
};
var$states=$（“#美国#state”）。关于（“更改”，函数（）{
var$cities=$.map（数据[this.value]，函数（city）{
返回$（“”）。文本（城市）；
});
$（“#城市名称”）.empty（）.append（$cities）；
});
for（数据中的var状态）{
$（“”）.文本（状态）.appendTo（$states）；
}​

---

演示：

您是否有某种数据源来填充这两个选项？而且，与往常一样，您当前的代码将有助于……发布在此处或通过小提琴

var data = {
    "State 1": ["City 1", "City 2"],
    "State 2": ["City 3", "City 4"],
    "State 3": ["City 5", "City 6", "City 7"]
};

var $states = $("#us_state").on("change", function() {
    var $cities = $.map(data[this.value], function(city) {
        return $("<option />").text(city);
    });
    $("#city_name").empty().append($cities);
});

for (var state in data) {
    $("<option />").text(state).appendTo($states);
}​