Comment faire pour définir l'index sélectionné de la liste déroulante à 0 lorsque le texte de la zone de texte est modifié?

Question

J'utilise une liste déroulante pour remplir une zone de texte. Mais si la valeur préférée n'est pas présente dans la liste déroulante, l'utilisateur saisit directement la valeur dans cette zone de texte. Si l'utilisateur sélectionne d'abord une valeur dans la liste déroulante, puis qu'il ne veut pas cette valeur et qu'il tape un autre texte dans cette zone de texte, la liste déroulante doit alors être définie sur 0 lorsque l'utilisateur saisit une autre valeur.

J'ai utilisé l'événement textchanged de textbox mais cela ne fonctionne pas. Quelqu'un peut-il me dire comment écrire javascript pour cela? Merci d'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');"/>