在收音機選擇顯示選擇

Question

我想隱藏並顯示選擇表單下拉菜單選擇。當單選按鈕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(); 
    } 
}); 

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/

當你有這樣的情況發生意想不到的事情，經常看控制檯，它可能會節省您的時間。