顯示/隱藏<select>下拉，使用jQuery，基於值

Question

我試圖建立一個自定義的下拉列表來顯示/隱藏基於它的選擇的第二組下拉列表。

我想知道這裏的人是否能夠幫助解決這個問題。

您可以查看我在http://jsfiddle.net/prodac/stAAm/

Answer 1

代碼中使用了jQuery :selected文件的一點點在這裏http://api.jquery.com/selected-selector/

，在選項選擇菜單

我更新Jfiddle現在，如果你的作品可以給我更多關於你想做什麼的信息。

---

編輯

這裏是一個更新的jfiddle與你的答案。 http://jsfiddle.net/stAAm/7/

和堆棧溢出

$('#source').change(function() { 
     if ($('#source option:selected').text() == "France"){ 
      $('.cities').hide(); 
      $('#source2a').show(); 
     } else if ($('#source option:selected').text() == "Germany"){ 
      $('.cities').hide(); 
      $('#source2b').show(); 
     } else if ($('#source option:selected').text() == "India"){ 
      $('.cities').hide(); 
      $('#source2c').show(); 
     } else { 
      $('.cities').hide(); 
     } });