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和radiobutton）的值：

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

...已选择第一个（'Null默认值'）。

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

将两个单选按钮值与两个select值同步

1 个答案: