同步與選擇

Question

兩個值兩個單選按鈕值我有兩個可能性，一個單選按鈕類似以下內容：

<input type="radio" name="radiobutton" value="first"> 
<input type="radio" name="radiobutton" value="second"> 

，我想有以下選擇同步：

<select name="myselect"> 
<option value="">Null default value</option> 
<option>First value in select</option> 
<option>Second value in select</option> 
</select> 

所以 - 當我首先檢查單選按鈕時，我希望自動選擇第一個元素。 - 當我檢查第二個單選按鈕時，我希望第二個元素被自動選中。

此外，我想重置所有值（選擇和單選按鈕）如果其他選擇像以下：

<select name="myresetselect"> 
<option value="">Null default value</option> 
<option>First value in select</option> 
<option>Second value in select</option> 
</select> 

...有選擇的第一（「空默認值」）。

Answer 1

添加相同的值來選擇選項，因爲它是在無線電..這應該工作。

試試這個

HTML

<select name="myselect"> 
    <option value="">Null default value</option> 
    <option value="first">First value in select</option> //value should always be same as radios value 
    <option value="second">Second value in select</option> 
</select> 

jQuery的

$('input[name="radiobutton"]').click(function(){ 
    var val=$(this).val(); 
    $('select[name="myselect"]').val(val); 
}); 

fiddle here

fiddle with reset button

不知道爲什麼你需要重新選擇，而你可以使用簡單的按鈕...

如：

<input type="button" value="Reset" id="resetbutton"/> 

$('#resetbutton').click(function(){ 
$('select[name="myselect"]').val(""); 
$('input[name="radiobutton"]').prop('checked',false); 
});