Question

大家好我很新，不熟悉JavaScript / Web Dev，我试图制作两个下拉菜单，其中第二个菜单会根据他们在第一个菜单上的选择而改变

例如

Choice1
Choice2
Choice3

如果他们选择Choice1，下一个下拉列表可能是

Choice1.1
Choice1.2

以及后续问题，我怎样才能得到用户选择的内容？这也不必用javascript编写。任何帮助/资源/阅读都会非常有用（我尝试过谷歌搜索，但我找不到任何东西）谢谢！

Answer 1

我为您创建了简单的演示应用，试一试。

进一步研究参考

http://api.jquery.com/
http://www.w3schools.com/jquery/default.asp
https://api.jquery.com/change/ - 了解有关更改事件的更多信息

$("#select_1").on("change", function(evt) { //Using jQuery subscribe for change event of select_1  
  var $select_2 = $("#select_2");
  $select_2.empty(); //Empty the select before adding new items.
  for (i = 0; i < 5; i++) {
    $select_2.append($("<option>Sub choice " + $(this).val() + "__" + i + "</option>"));
  }
});

$("#select_1").change(); //Trigger change event on page load so that the second select gets properly set

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<label>Choices</label>
<select id="select_1">
  <option value='1'>Choice 1</option>
  <option value='2'>Choice 2</option>
</select>

<BR />
<label>Sub Choices</label>
<select id="select_2">
  <option>Please select</option>
</select>

依赖下拉菜单

1 个答案: