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