Селектор selected

:selected селектори танланган, яъни selected атрибутига эга бўлган элементларни танлайди. :selected селектори option тегига эга бўлган элементлар учун ишлайди. У чекбокслар (checkbox) ёки радио тугмалари (radio) учун ишламайди, улар учун checked селекторидан фойдаланинг. :selected CSS спецификациясига кирмагани сабабли, замонавий браузерларда самарадорликни ошириш учун аввал элементларни соф CSS-селектор билан фильтрлаб олиб, сўнгра .filter(':selected') ни қўлланган мақсадга мувофиқ.

Синтаксис

selected атрибутига эга бўлган элементларни шундай танлаймиз:

javascript$(':selected');

Мисол

Келгила, тушувчи рўйхатдан пунктни ҳар танлаганда, уни рўйхат остида яшил рангда кўрсатамиз. Сиз биринчи марта босганингизгача андоза бўйича танланган пунктлар кўрсатилишини ку́расиз, бу 'bbb' ва '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');

Шунингдек ку́ринг