c# - una - lista desplegable en html ejemplo

¿Cómo establecer el índice seleccionado del menú desplegable en 0 cuando se cambia el texto del cuadro de texto?

Question

Estoy usando un menú desplegable para llenar un cuadro de texto. Pero si el valor preferido no está presente en el menú desplegable, entonces el usuario ingresa directamente el valor en ese cuadro de texto.

Si el usuario selecciona el valor del menú desplegable primero y luego no quiere ese valor y escribe otro texto en ese cuadro de texto, en este momento el menú desplegable debe establecerse en el índice 0 a medida que el usuario escriba otro valor.

Usé el evento text-changed de textbox pero no funciona. ¿Alguien puede decirme cómo escribir javascript para esto? Gracias por adelantado.

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