Έχω το ακόλουθο στοιχείο 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>
Χρησιμοποιώντας μια συνάρτηση JavaScript με τον αριθμό leaveCode
ως παράμετρο, πώς μπορώ να επιλέξω την κατάλληλη επιλογή στη λίστα;
Μπορείτε να χρησιμοποιήσετε αυτή τη λειτουργία:
selectElement('leaveCode', '11')
function selectElement(id, valueToSelect) {
let element = document.getElementById(id),
element.value = valueToSelect,
}
Δεν απαντώ στην ερώτηση, αλλά μπορείτε επίσης να επιλέξετε με βάση το δείκτη, όπου i είναι ο δείκτης του στοιχείου που θέλετε να επιλέξετε:
var formObj = document.getElementById('myForm');
formObj.leaveCode[i].selected = true;
Μπορείτε επίσης να κάνετε βρόχο στα στοιχεία για να επιλέξετε με βάση την τιμή εμφάνισης με έναν βρόχο:
for (var i = 0, len < formObj.leaveCode.length; i < len; i++)
if (formObj.leaveCode[i].value == 'xxx') formObj.leaveCode[i].selected = true;
Φοβάμαι ότι δεν μπορώ να το δοκιμάσω αυτό αυτή τη στιγμή, αλλά στο παρελθόν, πιστεύω ότι έπρεπε να δώσω σε κάθε ετικέτα επιλογής ένα αναγνωριστικό και στη συνέχεια έκανα κάτι σαν:
document.getElementById("optionID").select();
Αν αυτό δεν δουλέψει, ίσως'σε φέρει πιο κοντά στη λύση :P