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');
