Ik heb het volgende HTML <select>
element:
<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>
Met behulp van een JavaScript-functie met het leaveCode
-nummer als parameter, hoe selecteer ik de juiste optie in de lijst?
U kunt deze functie gebruiken:
``js selectElement('leaveCode', '11')
functie selectElement(id, valueToSelect) { laat element = document.getElementById(id); element.value = valueToSelect; }
Niet om de vraag te beantwoorden, maar u kunt ook selecteren op index, waarbij i de index is van het item dat u wenst te selecteren:
var formObj = document.getElementById('myForm');
formObj.leaveCode[i].selected = true;
U kunt ook door de items lopen om te selecteren op displaywaarde met een lus:
for (var i = 0, len < formObj.leaveCode.length; i < len; i++)
if (formObj.leaveCode[i].value == 'xxx') formObj.leaveCode[i].selected = true;
Ik ben bang dat ik dit momenteel niet kan testen, maar in het verleden moest ik geloof ik elke optietag een ID geven, en dan deed ik zoiets als:
document.getElementById("optionID").select();
Als dat niet werkt, misschien brengt het je dichter bij een oplossing :P