Question

我想根据第一个下拉选项填写第二个下拉选项。假设我有1个下拉选项{印度，南非，美国} 如果我选择印度，那么第二次下拉必须显示{Rajasthan，MP，HP，UP ...} 还有其他人。

这里的值是静态的，所以只驻留在jsp上，但是从两者的选择中我必须在后端执行过滤条件。

我怎么能用javascript或jquery来做呢？

Answer 1

我想你可能会想要这样的东西：

>>> string_1 = "That's it"
>>> string_1.index(" ")
6

var citiesByState = {
  USA: ["NY", "NJ"],
  Singapore: ["taas", "naas"],
  India: ["Rajasthan", "MP", "HP", "UP"]
}

function makeSubmenu(value) {
  if (value.length == 0) document.getElementById("citySelect").innerHTML = "<option></option>";
  else {
    var citiesOptions = "";
    for (cityId in citiesByState[value]) {
      citiesOptions += "<option>" + citiesByState[value][cityId] + "</option>";
    }
    document.getElementById("citySelect").innerHTML = citiesOptions;
  }
}

function resetSelection() {
  document.getElementById("countrySelect").selectedIndex = 0;
  document.getElementById("citySelect").selectedIndex = 0;
}

注意：您在HTML中添加的选项（如印度）必须在JavaScript数组中具有相同的名称和相同的案例（区分大小写），例如印度： [“Rajasthan”，“MP “，”HP“，”UP“]

jsp页面上的多个相关下拉列表

1 个答案: