同步与选择

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); 
});