嵌套选择框

Question

我正在寻找一种嵌套选择元素的方法，这意味着我希望从父框中选择确定子框中的选项。例如，父框将具有美国州的列表，并且子框应该仅具有在所选州中找到的城市，即，如果父框是加利福尼亚，则城市选择框中可用的城市应该仅是来自加利福尼亚的城市。我知道这是可能的，但我想知道究竟什么是最简单的方法来完成这种类型的嵌套选择框。感谢。

Answer 1

我认为你熟悉Ajax，你可以使用Ajax调用，

    <script>
        function getCities(stateID){
           // your ajax code stuff here

      }
  </script>

<select onselect="getCities(this.value)">
<options value="1">State A </option>
<options value="2">State B </option>
<options value="3">State C </option>
</select>

<div class="citieslist">

</div>

使用ajax显示 citieslist div

中的城市