Το χαρακτηριστικό value στις αναπτυσσόμενες λίστες στο JavaScript
Συνήθως, στα στοιχεία της λίστας προστίθεται το χαρακτηριστικό
value. Σε αυτή την περίπτωση, η ιδιότητα value
του επιλογέα θα περιέχει όχι το κείμενο του option,
αλλά την τιμή του χαρακτηριστικού του value.
Ας μετατρέψουμε τον επιλογέα μας:
<select id="select">
<option value="1">one</option>
<option value="2" selected>two</option>
<option value="3">three</option>
</select>
Ας ελέγξουμε ποια είναι τώρα η επιλεγμένη τιμή:
select.addEventListener('change', function(){
console.log(this.value);
});
Δημιουργήστε μια αναπτυσσόμενη λίστα με τα ονόματα των ημερών
της εβδομάδας. Ως χαρακτηριστικά value
των στοιχείων της λίστας προσθέστε τους αριθμούς των ημερών της εβδομάδας
από 1 έως 7. Κατά την αλλαγή της λίστας
εμφανίστε στην οθόνη ένα μήνυμα σχετικά με το εάν επιλέχθηκε
αργία ή εργάσιμη ημέρα.