Selektor selected
Selektor :selected odabira elemente,
koji su izabrani, odnosno one koji imaju atribut
selected.
Selektor :selected radi za elemente sa tagom
option. On
ne radi sa čekboksovima
(checkbox) ili
radio prekidačima
(radio),
za njih koristite selektor
checked.
Pošto :selected ne pripada CSS specifikaciji,
zbog poboljšanja performansi u modernim
pregledačima je bolje prvo filtrirati elemente
koristeći čisti css-selektor, a zatim
primeniti .filter(':selected').
Sintaksa
Tako mi odabiremo elemente sa
atributom selected:
$(':selected');
Primer
Hajde da, pri svakom izboru stavke u padajućem
spisku, prikažemo je ispod spiska zelenom
bojom. Kao što vidite pre vašeg prvog klika
biće prikazane stavke, izabrane podrazumevano,
to su 'bbb' i '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');
