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