jQueryを使用した条件付きフォーム（<option>、show要素の選択時）

Question

これを熟読してください：特定のオプションがボックス内で選択されている場合のみjQueryを使用して要素を表示するにはどうすればよいですか？

.clickは明らかに正しいイベントではありませんが、私は狩りをしていて、フォームオプションで作業することができません。

EX：

$('option[name="publish_on"]').click(function(){ 
     $('.secret').fadeIn(); 
    }) 

Answer 1

$('your selects class or id').change(function(){  
    if($(this).val() == "publish_on"){ 
     $('.secret').fadeIn(); 
    } 
    else{ 
     $('.secret').hide(); 
    } 
}); 

Answer 2

使用.change機能.. http://jqapi.com/#p=change

$(function(){ 
    $('#opts').change(function(){ 
     var $val = $(this).val(); 
     if($val === 'A'){ 
      $('.1').show(); 
     } 
     // ... 
    }); 
}); 

http://jsfiddle.net/2x23P/1/

Answer 3

利用変化イベント：

$('#idOfSelect').on('change', function() { 
    var selected = $(this).val(); 
    if ($(selected).is('option[name="publish_on"]')) { 
    $('.secret').fadeIn(); 
    } else { 
    $('.secret').fadeOut(); 
    } 
});