jQuery選択されたショースパン要素

Question

私は、ユーザがこのオプションを選択したときに、add。のidを持つドロップダウンリストを持っています。私のjQueryの

$(document).ready(function() {  
     $('#addContactBox').hide(); 
     $('#addButton').hide(); 
      $('select option:selected#add')each.function() { 
       $('#addButton').show(); 
       $('#addButton').click(function(){ 
        $('#addContactBox').show(); 
       }); 
     }); 
    }); 

コードは動作しません

誰かが私は私の髪を引っ張っています助けることができます！

Answer 1

$(document).ready(function() {  
    $('#addContactBox').hide(); 
    $('#addButton').hide(); 
     $('select option:selected#add').each(function() { 
      $('#addButton').show(); 
      $('#addButton').click(function(){ 
       $('#addContactBox').show(); 
      }); 
    }); 
}); 

それぞれの呼び出しに構文上の問題がありました。

また、$('#addButton').click()はeachの内部にある必要はありません。ボタンが表示されているかどうかにかかわらず常に同じ動作を定義するだけです。

Answer 2

ドロップダウンリストのonChangeイベントで、選択したオプションの値を使用します。 IDを置く必要はありません。これと同じように：私は間違っていない場合は

$('#addContactBox').hide(); 
$('#addButton').hide(); 
$('#ddl').change(function() { 
    if ($(this).val() == 'Add') { 
     $('#addContactBox').show(); 
     $('#addButton').show(); 
    } 
}); 

Answer 3

$(document).ready(function() {  
     $('#addContactBox').hide(); 
     $('#addButton').hide(); 
     $('select').change(function() { 
      if($('option:selected#add').length>0){ 
       $('#addButton').show(); 
       $('#addButton').click(function(){ 
        $('#addContactBox').show(); 
       }); 
      } 
     }); 
}); 

あなたは多分このように...オプションを選択したときに表示しようとしていますか？