动态html下拉列表

Question

我在HTML表单上有两个下拉列表。我试图让第二个下拉框的答案基于第一个框来动态化。 因此，如果下拉1为“1”，则下拉2将具有选项“a”“b”“c”，如果下拉1为“2”，则下拉2将具有“d”“e”“f”。

什么是最好的方式来实现这一点，最好用jQuery？

感谢

Answer 1

理想情况下，你可以使用AJAX发布第一个选项，并获得第二选择的选项。

例子：

<script> 
function onSelect1Change(){ 
$.post("url" ,{ 
     value: $("#select1").val() 
      }, function(data) { 
     $("#select2").html(data); 
    }); 
} 
</script> 

<select id="select1" name="select1" onchange="onSelect1Change">...</select> 
<select id="select2" name="select2" ></select> 

在后端你检查$_POST['value']和输出一些​​3210标签。