Tanlangan selektor

:selected selektori tanlangan elementlarni, ya'ni selected atributiga ega bo'lgan elementlarni tanlaydi. :selected selektori option tegi bilan elementlar uchun ishlaydi. U chekbokslar (checkbox) yoki radio tugmalari (radio) bilan ishlamaydi, ular uchun checked selektoridan foydalaning. :selected CSS spetsifikatsiyasiga kirmagani sababli, zamonaviy brauzerlarda samaradorlikni oshirish uchun avval elementlarni sof css-selektor yordamida filtrlash, keyin esa .filter(':selected') ni qo'llash yaxshiroqdir.

Sintaksis

Biz selected atributiga ega elementlarni shunday tanlaymiz:

javascript$(':selected');

Misol

Keling, ochiladigan ro'yxatdan har bir band tanlanganda, uni ro'yxat ostida yashil rangda ko'rsataylik. Siz birinchi marta bosishgacha standart tanlangan bandlar ko'rsatilishini ko'rasiz, bu 'bbb' va 'ddd':

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');

Shuningdek qarang