2014-02-22 84 views
1

我想隐藏并显示选择表单下拉菜单选择。当单选按钮1被选择的唯一选择形式应显示为#1和被点击2当只有2应该显示在收音机选择显示选择

http://jsfiddle.net/X7ETk/2/

HTML

<div class="wrap"> 
    <ul> 
     <li><input type="radio" name="r" value="1">1</li> 
     <li><input type="radio" name="r" value="2">2</li> 
    </ul> 
    <select name="1s" id="1s"> 
     <option>Select drop 1</option> 
     <option>Select drop 2</option> 
    </select> 
    <select name="2s" id="2s"> 
     <option>Select drop 2</option> 
    </select> 
</div> 

Jquery的

$('input[type=radio]').click(function() {(
    var getVal = $(this).val(); 

    if(getVal == 1) { 
     $('#2s').hide(); 
     $('#1s').fadeIn(); 
    } else { 
     $('#1s').hide(); 
     $('#2s').fadeIn(); 
    } 
}); 

回答

3

您有额外的(在那里(第一行),将其更改为这样:

$('input[type=radio]').click(function() { 
    var getVal = $(this).val(); 

    if(getVal == 1) { 
     $('#2s').hide(); 
     $('#1s').fadeIn(); 
    } else { 
     $('#1s').hide(); 
     $('#2s').fadeIn(); 
    } 
}); 

http://jsfiddle.net/X7ETk/3/

当你有这样的情况发生意想不到的事情,经常看控制台,它可能会节省您的时间。