Selektors selected
Selektors :selected atlasa elementus,
kas ir izvēlēti, tas ir, tos, kuriem ir atribūts
selected.
Selektors :selected strādā elementiem ar tagu
option. Tas
nestrādā ar izvēles rūtiņām
(checkbox) vai
radio pogām
(radio),
tiem izmantojiet selektoru
checked.
Tā kā :selected nepieder CSS specifikācijai,
tai, lai uzlabotu veiktspēju mūsdienu
pārlūkprogrammās, labāk sākumā atfiltrēt elementus ar
tīra CSS selektora palīdzību, un pēc tam
piemērot .filter(':selected').
Sintakse
Tā mēs atlasām elementus ar
atribūtu selected:
$(':selected');
Piemērs
Katru reizi, kad tiek izvēlēts punkts nolaižamajā
sarakstā, parādīsim to zem saraksta zaļā
krāsā. Kā jūs redzat pirms pirmā klikšķa
tiks parādīti noklusējuma izvēlētie punkti,
tiem ir 'bbb' un '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');
