使用單選按鈕重置下拉列表的值

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