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