Tanlangan selektor
:selected selektori tanlangan elementlarni,
ya'ni selected
atributiga ega bo'lgan elementlarni tanlaydi.
:selected selektori option
tegi bilan elementlar uchun ishlaydi. U
chekbokslar
(checkbox) yoki
radio tugmalari
(radio)
bilan ishlamaydi,
ular uchun checked
selektoridan foydalaning.
:selected CSS spetsifikatsiyasiga kirmagani sababli,
zamonaviy brauzerlarda samaradorlikni oshirish
uchun avval elementlarni sof css-selektor
yordamida filtrlash, keyin esa
.filter(':selected') ni qo'llash yaxshiroqdir.
Sintaksis
Biz selected atributiga ega elementlarni
shunday tanlaymiz:
$(':selected');
Misol
Keling, ochiladigan ro'yxatdan har bir band
tanlanganda, uni ro'yxat ostida yashil rangda
ko'rsataylik. Siz birinchi marta bosishgacha
standart tanlangan bandlar ko'rsatilishini ko'rasiz,
bu 'bbb' va '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');
