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

Question

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

这怎么能用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

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

<input type="radio" onclick="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="resetFoo();" type="radio" name="bar" value="bar"> 

这里是jQuery。

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