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

Глядзіце таксама