selected ընտրիչ

:selected ընտրիչն ընտրում է այն տարրերը, որոնք ընտրված են, այսինքն՝ those որոնք ունեն 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');

Տես նաև