如何在文本框文本更改时将下拉列表的选定索引设置为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');"/>