Selektor selected
Selektor :selected secilmish elementləri seçir,
yəni selected
atributuna malik olanları.
Selektor :selected option
teqine malik elementlər üçün işləyir. O,
çekbokslar (checkbox) və ya
radio düymələri (radio)
üçün işləmir, onlar üçün checked
selektorundan istifadə edin.
:selected CSS spesifikasiyasına aid olmadığı üçün,
müasir brauzerlərdə daha yaxşı performans üçün
əvvəlcə elementləri saf css-selektoru ilə
filtr etmək, sonra isə .filter(':selected') tətbiq etmək tövsiyə olunur.
Sintaksis
selected atributuna malik elementləri belə seçirik:
$(':selected');
Nümunə
Gəlin, açılan siyahıda hər bir bənd seçildikdə,
onu siyahının altında yaşıl rəngdə göstərək.
Gördüyünüz kimi, ilk klikinizdən əvvəl
defolt olaraq seçilmiş bəndlər göstəriləcək,
bunlar 'bbb' və 'ddd'-dir:
<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');
