Εργασία με τα στοιχεία αναπτυσσόμενης λίστας σε JavaScript
Ας υποθέσουμε ότι έχουμε μια αναφορά σε μια ετικέτα
option σε μια μεταβλητή. Για παράδειγμα, που ελήφθη ως εξής:
let select = document.querySelector('#select');
let option = select[0];
Σε αυτή την περίπτωση, η ιδιότητα text θα
περιέχει το κείμενο του option, η ιδιότητα value
- την τιμή του ομώνυμου χαρακτηριστικού, και η ιδιότητα
selected - την τιμή true ή
false ανάλογα με το αν το στοιχείο της λίστας είναι επιλεγμένο ή όχι:
console.log(option.text);
console.log(option.value);
console.log(option.selected);
Διατρέξτε τα στοιχεία της λίστας με βρόχο και για το επιλεγμένο στοιχείο προσθέστε στο τέλος του κειμένου ένα θαυμαστικό σημείο, και για τα μη επιλεγμένα στοιχεία - ένα ερωτηματικό.
