如何更改文本框的文本時，將選定的下拉列表設置爲0？

Question

我正在使用下拉列表來填充文本框。但如果首選值不在下拉列表中，則用戶直接在該文本框中輸入值。

如果用戶首先從下拉列表中選擇值，然後他不想要該值，並且他在該文本框中鍵入另一個文本，則此時下拉列表應該設置爲索引0，因爲用戶正在輸入另一個值。

我使用文本框的textchanged事件，但它不工作。任何人都可以告訴我如何爲此編寫JavaScript？ 在此先感謝。

Answer 1

這應該爲你工作：

function ResetDropDown(id) { 
    document.getElementById(id).selectedIndex = 0; 
} 
function ResetTextBox(id) { 
    document.getElementById(id).value = ''; 
} 
<select id="MyDropDown" onchange="ResetTextBox('MyTextBox');"> 
    <option value="0">0</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
</select> 
<input id="MyTextBox" type="text" onkeypress="ResetDropDown('MyDropDown');"/>