Comment définir l'index sélectionné de menu déroulant à 0 lorsque le texte est modifié de zone de texte?

Question

J'utilise un menu déroulant pour remplir une zone de texte. Mais si la valeur préférée est pas présent dans la liste déroulante puis utilisateur directaly entrer la valeur dans cette zone de texte.

Si l'utilisateur sélectionne la valeur du menu déroulant d'abord, puis il ne veut pas que la valeur et il tape un autre texte dans cette zone de texte puis à ce moment dans le menu déroulant doit être réglé sur l'index 0 comme utilisateur tape une autre valeur.

je événement TextChanged mais il textbox ne fonctionne pas. Quelqu'un peut-il me dire comment écrire javascript pour cela? Merci à l'avance.

Answer 1

Cela devrait fonctionner pour vous:

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