Как установить выбранный индекс раскрывающегося списка на 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');"/>