作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试创建两个下拉列表:下拉列表 A 列出了一个国家/地区。下拉列表 B 列出了一个城市。列表 B 最初是空的,而列表 A 由一个国家/地区填充。用户可以选择一个国家,导致列表 B 自动列出列表 A 中的城市。这些自然会来自数据库,所以这不是我的问题的目标。我的问题是如何绑定(bind)列表 B 使其依赖于列表 A。我花了好几个小时研究答案并尝试了各种 jquery 和 javascript 方法。我坚持尝试通过使用列表 A 的更改方法让列表 B 响应列表 A,但到目前为止,似乎没有任何效果,我也无法在添加测试方面触发列表 B 的响应值(value)观。
我该怎么做?
最佳答案
这是工作 fiddle :Relative Drop-down
$(function() {
var cities = {
'INDIA': ['Delhi', 'Mumbai', 'Bangalore', 'Ahmedabad'],
'USA': ['London', 'Los Angeles', 'Austin', 'New York']
};
var hashFunc = function(country, city){
return country + "." + city;
};
//The form
var form = new Backbone.Form({
schema: {
country: { type: 'Select', options: ['INDIA', 'USA'] },
city: { type: 'Select', options: cities.INDIA},
}
}).render();
form.on('country:change', function(form, countryEditor) {
var country = countryEditor.getValue(),
newOptions = cities[country];
form.fields.city.editor.setOptions(newOptions);
});
//Add it to the page
$('body').append(form.el);
});
关于javascript - 一个下拉列表内容取决于另一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16475500/
我是一名优秀的程序员,十分优秀!