2012-10-17 223 views
1

我正在尋找一種方法來嵌套選擇元素,這意味着我想從父框中選擇確定在子框中找到的選項。例如,父箱子將包含美國各州的列表,並且子箱子應僅具有在所選州中找到的城市,即,如果父箱子是加利福尼亞州,則城市選擇框中可用的城市只應該是來自加利福尼亞州的城市。我知道這是可能的,但我想知道什麼是完成這種類型的嵌套選擇框的最簡單的方法。謝謝。嵌套選擇框

+0

普遍地說:你需要捕捉的選擇事件(使用JS )的父母盒子,讀取其選定的值並相應地修改子女選擇框的可用選項。你到目前爲止嘗試過哪些技術方法? – matthias

回答

0

我想你所熟悉的阿賈克斯,您可以使用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