Селектор selected
Селектор :selected бира елементе,
који су изабрани, односно оне који имају атрибут
selected.
Селектор :selected ради за елементе са ознаком
option. Он
не ради са пољима за потврду
(checkbox) или
радио-дугмадима
(radio),
за њих користите селектор
checked.
Пошто :selected не припада CSS спецификацији,
за побољшање перформанси у савременим
претраживачима боље је на почетку филтрирати елементе са
коришћењем чистог css-селектора, а затим
применити .filter(':selected').
Синтакса
Овако бирамо елементе са
атрибутом selected:
$(':selected');
Пример
Хајде да, при сваком избору ставке у падајућој
листи, приказујемо је испод листе зеленом
бојом. Као што видите, пре вашег првог клика
биће приказане ставке, које су подразумевано изабране,
то су 'bbb' и 'ddd':
<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>
div {
color: green;
}
$('select')
.change(function() {
let str = '';
$('select option:selected').each(function() {
str += $(this).text() + ' ';
});
$('div').text(str);
}).trigger('change');
