Ho il seguente elemento HTML <select>
:
<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>
Usando una funzione JavaScript con il numero leaveCode
come parametro, come faccio a selezionare l'opzione appropriata nell'elenco?
Potete usare questa funzione:
``js selectElement('leaveCode', '11')
funzione selectElement(id, valueToSelect) { let element = document.getElementById(id); element.value = valueToSelect; }
Non rispondendo alla domanda, ma puoi anche selezionare per indice, dove i è l'indice dell'elemento che vuoi selezionare:
var formObj = document.getElementById('myForm');
formObj.leaveCode[i].selected = true;
Puoi anche scorrere gli elementi per selezionare per valore di visualizzazione con un ciclo:
for (var i = 0, len < formObj.leaveCode.length; i < len; i++)
if (formObj.leaveCode[i].value == 'xxx') formObj.leaveCode[i].selected = true;
Temo di non poterlo testare al momento, ma in passato, credo di aver dovuto dare ad ogni tag di opzione un ID, e poi ho fatto qualcosa come:
document.getElementById("optionID").select();
Se questo non funziona, forse ti porterà più vicino a una soluzione :P