与单选按钮下拉列表中的重置价值

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="document.getElementById('foo').value = '';" type="radio" name="bar" value="bar">

onclick事件下的值需要为您的下拉列表中的默认值来代替。

Answer 2

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

<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 3

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

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