Селектор 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');

Дагы караңыз