Cómo establecer índice seleccionado del desplegable a 0 cuando se cambia el texto del cuadro de texto?

Question

Estoy utilizando un menú desplegable para rellenar un cuadro de texto. Pero si el valor preferido no está presente en desplegable entonces usuario introduzca directaly valor en ese cuadro de texto.

Si el usuario selecciona el valor de la lista desplegable y luego él no quiere que el valor y tipos de texto en otro cuadro de texto que en este tiempo en el menú desplegable se debe establecer en el índice 0 como usuario está escribiendo otro valor.

He utilizado evento TextChanged del cuadro de texto, pero no está funcionando. ¿Puede alguien decirme cómo escribir Javascript para esto? Gracias de antemano.

Answer 1

Esto debería funcionar para usted:

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