Selektor selected
Selektor :selected vyberá prvky,
ktoré sú vybrané, teda tie, ktoré majú atribút
selected.
Selektor :selected funguje pre prvky s tagom
option. Nefunguje
s zaškrtávacími políčkami
(checkbox) alebo
rádio prepínačmi
(radio),
pre tie použite selektor
checked.
Pretože :selected nepatrí do CSS špecifikácie,
pre zlepšenie výkonu v moderných
prehliadačoch je lepšie najprv filtrovať prvky
s použitím čistého css selektora, a potom
aplikovať .filter(':selected').
Syntax
Takto vyberáme prvky s
atribútom selected:
$(':selected');
Príklad
Pri každom výbere položky v rozbaľovacom
zozname ju zobrazíme pod zoznamom zelenou
farbou. Ako vidíte, pred vaším prvým kliknutím
budú zobrazené položky vybrané predvolene,
to sú 'bbb' a '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');
