de-vraag
Viac na
Question

Ako programovo nastaviť hodnotu prvku výberového poľa pomocou JavaScriptu?

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?

Brett DeWoody
Brett DeWoody
Edited question 23 júl 2017 в 11:41
Programovanie
javascript
html
dom
This question has 1 odpoveď in English, to read them log in to your account.
Solution / Answer

Túto funkciu môžete použiť:

selectElement('leaveCode', '11')

funkcia selectElement(id, valueToSelect) {
    let element = document.getElementById(id);
    element.value = valueToSelect;
}
Minding
Minding
Edited answer 9 september 2019 в 12:05
475

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;
14

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

-5