如何使用JQuery填充級聯下拉列表我有以下問題:我開始用HTML和JS創建一個表單,有兩個Dropdown(Country和City)?,F在我想用JQuery創建這兩個動態,以便只有所選國家/地區的城市可見。我已經開始使用一些基本的JS工作正常,但在IE中遇到了麻煩?,F在我正在嘗試將我的JS轉換為JQuery以獲得更好的兼容性。我原來的JS看起來像這樣:function populate(s1, s2) {
var s1 = document.getElementById(s1);
var s2 = document.getElementById(s2);
s2.innerHTML = "";
if (s1.value == "Germany") {
var optionArray = ["|", "magdeburg|Magdeburg", "duesseldorf|Duesseldorf", "leinfelden-echterdingen|Leinfelden-Echterdingen", "eschborn|Eschborn"];
} else if (s1.value == "Hungary") {
var optionArray = ["|", "pecs|Pecs", "budapest|Budapest", "debrecen|Debrecen"];
} else if (s1.value == "Russia") {
var optionArray = ["|", "st. petersburg|St. Petersburg"];
} else if (s1.value == "South Africa") {
var optionArray = ["|", "midrand|Midrand"];
} else if (s1.value == "USA") {
var optionArray = ["|", "downers grove|Downers Grove"];
} else if (s1.value == "Mexico") {
var optionArray = ["|", "puebla|Puebla"];
} else if (s1.value == "China") {
var optionArray = ["|", "beijing|Beijing"];
} else if (s1.value == "Spain") {
var optionArray = ["|", "barcelona|Barcelona"];
}
for (var option in optionArray) {
var pair = optionArray[option].split("|");
var newOption = document.createElement("option");
newOption.value = pair[0];
newOption.innerHTML = pair[1];
s2.options.add(newOption);
}};在這里我的Jquery:http://jsfiddle.net/HvXSz/我知道這很簡單,但我看不到樹木。
如何使用JQuery填充級聯下拉列表
泛舟湖上清波郎朗
2019-07-27 11:05:22
