使用单选按钮重置下拉列表的值

Question

我需要使用单选按钮重置下拉列表的值。 So when a certain radio button is selected, it will reset a specific dropdown list to the default selected="selected" option.

js和css如何做到这一点？

Answer 1

这应该将您的下拉菜单重置为第一个选项。 这是标记

<select id=foo>
  <option value=""></option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<input onclick="resetFoo();" type="radio" name="bar" value="bar">

这是 jQuery。

function doSomething {
    $("#foo option:first").attr("selected", true);
}

Answer 2

document.getElementById('select').selectedIndex = 0;

<input type="radio" onchange="doSomething()" />

Answer 3

假设这是您的第一个元素的代码

<select id=foo>
  <option value=""></option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

你的单选按钮应该是这样的：

<input onclick="document.getElementById('foo').value = '';" type="radio" name="bar" value="bar">

onclick 事件下的值需要替换为下拉列表的默认值。