1. 首頁
  2. 問答
  3. 隱藏/顯示<select>取決於其他<select>

隱藏/顯示<select>取決於其他<select>

2010-07-25 368 views
1

我有兩個<select>元素。第一個包含國家（如美國，加拿大，英國，俄羅斯，波蘭......），第二個隱藏，包含的城市，僅包含美國和加拿大（如紐約，洛杉磯，芝加哥......或渥太華，溫哥華，薩里...）隱藏/顯示<select>取決於其他<select>

如果用戶從第一個<select>選擇加拿大或美國，第二個應顯示和 允許他選擇他的城市。

可以嗎？我使用Ajax和JQuery驗證表單訪問了很多網站，並沒有找到一些類似的來源來完成此操作。

謝謝。

來源

2010-07-25 TRAVA

回答

1

聽爲選擇列表中的更改事件。在更改事件中，如果所選值爲「USA」或「Canada」，則顯示其他選擇列表，否則將其隱藏。

請參閱example。

假設選擇結構是這樣的：

<select id="countries"> 
    <option val="USA">USA</option> 
    <option val="Canada">Canada</option> 
    <option val="Australia">Australia</option> 
    ... 
</select> 

<select id="cities"> 
    <option val="Vancouver">Vancouver</option> 
    <option val="New York">New York</option> 
    ... 
</select>

聽國家陣列上的變化事件。

$("#countries").change(function() { 
    // find the selected country 
    var selectedCountry = $(this).val(); 
    // if US or Canada 
    if(selectedCountry == "USA" || selectedCountry == "Canada") { 
     // show the cities list 
     $("#cities").show(); 
    } 
    // otherwise hide it 
    else { 
     $("#cities").hide(); 
    } 
});

來源

2010-07-25 21:13:26 Anurag

相關問題

 相關問題