带有jQuery的条件表单（选择<option>，show element）</option>

Question

让我这样说：如果在框中选择了特定选项，我怎样才能使用jQuery显示元素？

.click显然不是正确的事件 - 但我一直在寻找并且无法找到使用表单选项。

EX：

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

Answer 1

使用.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 2

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

Answer 3

使用更改事件：

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