Como definir o índice selecionado de drop-down para 0 quando o texto da caixa de texto é alterado?

Question

Eu estou usando uma lista suspensa para preencher uma caixa de texto. Mas se o valor preferido não está presente na lista suspensa então o usuário directaly inserir valor em que caixa de texto.

Se o valor usuário seleciona a partir suspensa em primeiro lugar e, em seguida, ele não quer que o valor e ele digita outro texto em que caixa de texto, em seguida, neste momento o menu suspenso deve ser definido como índice 0 como usuário está digitando um outro valor.

Eu costumava evento TextChanged de caixa de texto, mas ele não está funcionando. Alguém pode me dizer como escrever javascript para isso? Agradecemos antecipadamente.

Answer 1

Isso deve funcionar para você:

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');"/>