სელექტორი selected
სელექტორი :selected ირჩევს ელემენტებს,
რომლებიც არჩეულია, ანუ those, რომლებსაც აქვთ ატრიბუტი
selected.
სელექტორი :selected მუშაობს ელემენტებისთვის ტეგით
option. ის
არ მუშაობს ჩექბოქსებთან
(checkbox) ან
რადიო ღილაკებთან
(radio),
მათთვის გამოიყენეთ სელექტორი
checked.
რადგან :selected არ ეკუთვნის CSS სპეციფიკაციას,
მოდერნულ ბრაუზერებში სიჩქარის გასაზრდელად უკეთესია
თავიდანვე გაფილტროთ ელემენტები
სუფთა css-სელექტორის გამოყენებით, და შემდეგ
გამოვიყენოთ .filter(':selected').
სინტაქსი
ასე ვირჩევთ ელემენტებს
ატრიბუტით selected:
$(':selected');
მაგალითი
მოდით, ყოველ არჩევანზე ჩამოსაშლელ
სიაში, ვაჩვენოთ ის სიის ქვემოთ მწვანე
ფერში. როგორც ხედავთ თქვენს პირველ დაწკაპუნებამდე
გამოჩნდება ელემენტები, რომლებიც არჩეულია ნაგულისხმევად,
ეს არის 'bbb' და 'ddd':
<select name="texts" multiple="multiple">
<option>aaa</option>
<option selected="selected">bbb</option>
<option>ccc</option>
<option selected="selected">ddd</option>
<option>eee</option>
<option>fff</option>
</select>
<div></div>
div {
color: green;
}
$('select')
.change(function() {
let str = '';
$('select option:selected').each(function() {
str += $(this).text() + ' ';
});
$('div').text(str);
}).trigger('change');
