Mám nasledujúci prvok 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>
Ako pomocou funkcie JavaScript s číslom leaveCode
ako parametrom vyberiem príslušnú možnosť v zozname?
Túto funkciu môžete použiť:
selectElement('leaveCode', '11')
funkcia selectElement(id, valueToSelect) {
let element = document.getElementById(id);
element.value = valueToSelect;
}
Neodpovedám na otázku, ale môžete vyberať aj podľa indexu, kde i je index položky, ktorú chcete vybrať:
var formObj = document.getElementById('myForm');
formObj.leaveCode[i].selected = true;
Môžete tiež prechádzať cez položky a vyberať podľa hodnoty zobrazenia pomocou slučky:
for (var i = 0, len < formObj.leaveCode.length; i < len; i++)
if (formObj.leaveCode[i].value == 'xxx') formObj.leaveCode[i].selected = true;
Obávam sa, že to momentálne nemôžem otestovať, ale myslím, že v minulosti som musel každej značke možností priradiť ID a potom som urobil niečo podobné:
document.getElementById("optionID").select();
Ak to'nefunguje, možno'ťa to priblíži k riešeniu :P