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

Види још