J'ai l'élément HTML "select" suivant :
<select id="leaveCode" name="leaveCode">
<option value="10">Annual Leave</option>
<option value="11">Medical Leave</option>
<option value="14">Long Service</option>
<option value="17">Leave Without Pay</option>
</select>
En utilisant une fonction JavaScript avec le numéro leaveCode
comme paramètre, comment puis-je sélectionner l'option appropriée dans la liste ?
Vous pouvez utiliser cette fonction :
``js selectElement('leaveCode', '11')
fonction selectElement(id, valueToSelect) { let element = document.getElementById(id) ; element.value = valueToSelect ; }
Je ne réponds pas à la question, mais vous pouvez également sélectionner par index, où i est l'index de l'élément que vous souhaitez sélectionner :
var formObj = document.getElementById('myForm');
formObj.leaveCode[i].selected = true;
Vous pouvez également parcourir les éléments pour les sélectionner par valeur d'affichage avec une boucle :
for (var i = 0, len < formObj.leaveCode.length; i < len; i++)
if (formObj.leaveCode[i].value == 'xxx') formObj.leaveCode[i].selected = true;
J’ai bien peur de ne pas pouvoir tester cela pour le moment, mais dans le passé, je crois que je devais donner un ID à chaque balise d’option, et ensuite je faisais quelque chose comme ça :
document.getElementById("optionID").select();
Si cela ne fonctionne pas, cela vous rapprochera peut-être d'une solution :P