我怎樣才能讓在第二個下拉選項取決於與第一選擇下拉菜單？

Question

我想一個下拉菜單，在第一個框中的選項是「狀態」和「省」，第二個會填充基於第一選擇（狀態 - >美國各州，省 - >加拿大的省） 這裏是代碼我目前爲止：

<form id="updateTreventLocation" action=" 
<table> 

<%=Url.Action("SavedTreventLocation","Prod")%>" method="post"> 
    <tr> 
     <td colspan="2" class="label">City:</td> 
     <td class="content"> 
      <input type="text" maxlength="100" name="CityLocation" value="<%=EditTreventLocation.locationCity%>" /> 
     </td> 
    </tr> 
     <tr> 
     <td colspan="2" class="label">Province/State:</td> 
     <td class="content"> 
      <input type="text" maxlength="50" name="ProvinceLocation" value="<%=EditTreventLocation.locationProvince%>" /> 
     </td> 
    </tr> 
    </table> 
</form> 

Answer 1

以下鏈接中的答案應該可以幫助您開始根據第一個下拉菜單動態更新第二個下拉菜單。

Populate one dropdown based on selection in another