可能的重复:
使用 jquery 根据第一个选择列表选项更改第二个选择列表 https://stackoverflow.com/questions/10570904/use-jquery-to-change-second-select-list-based-on-first-select-list-option
我的代码中有两个选择元素。第一个用于州 (#us_state),第二个用于城市 (#city_name)。当我选择“州”时,第二个选择元素必须仅包含选定州中存在的城市。
一种可能的解决方案:
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);
}
DEMO: http://jsfiddle.net/8hbcP/ http://jsfiddle.net/8hbcP/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)