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

Сондай-ақ қараңыз