Question

我试图隐藏并在电台选择上显示选择表单下拉列表。当选择单选按钮1时，唯一应该显示的选择表单是＃1，单击2时只显示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();
     }
});

Answer 1

你有一个额外的(（第一行），将其更改为：

$('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/

如果您发生类似意外情况，请始终查看控制台，这可能会为您节省数小时。

在收音机上选择显示选择

1 个答案: