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:

javascript$(':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:

html<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>

cssdiv {
  color: green;
}

javascript$('select')
  .change(function() {
    let str = '';
    
    $('select option:selected').each(function() {
      str += $(this).text() + ' ';
    });
    
    $('div').text(str);
  }).trigger('change');

Həmçinin bax