诀窍是订阅更改事件并相应地重置第二个框的内容.
HTML:
- select -
Nokia
Apple
JavaScript(准备好了):
var selectBrand = $("#brand");
var selectType = $("#type");
var optionsList = {
nokia: [
"C6-01",
"E7-00"
],
apple: [
"iPhone 3",
"iPhone 3G",
"iPhone 4"
]
};
selectBrand.change(function() {
var brand = selectBrand.val();
var options = optionsList[brand];
var html;
if (options) {
html = '- select -';
$.each(options, function(index, value) {
html += '' + value + '';
});
} else {
html = 'Select a brand';
}
selectType.html(html);
}).change();