Question

我需要使用单选按钮重置下拉列表的值。因此，当选择某个单选按钮时，它会将特定下拉列表重置为默认选中=“已选择”选项。

如何用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事件下的值需要替换为下拉列表的默认值。

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

3 个答案: