表示/非表示<select>値に基づいてjQueryを使用したドロップダウン

Question

私はドロップダウンリストの第2セットを表示/非表示にするカスタムドロップダウンリストを作成しようとしています。

私はここに誰かがこれに対する解決策を手伝ってくれるのだろうかと思っていました。

あなたはドキュメントの少しはここhttp://api.jquery.com/selected-selector/

でjqueryの:selectedを使用http://jsfiddle.net/prodac/stAAm/

Answer 1

で私のコードを見ることができるオプションを選択し、メニューで働く

ます場合、私は今あなたのJfiddleを更新しています私はあなたに何をしたいのかについてもう少し詳しく知ることができます。

---

編集

ここにあなたの答えと更新jfiddleです。 http://jsfiddle.net/stAAm/7/

というだけでそれをここに貼り付けるよりも、jsFiddle上にコードを置くために時間を割いてスタックオーバーフロー

$('#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(); 
     } });