Përzgjedhësi selected
Përzgjedhësi :selected zgjedh elementet,
që janë përzgjedhur, pra ato që kanë atributin
selected.
Përzgjedhësi :selected punon për elementet me tag
option. Ai
nuk punon me kutitë e kontrollit
(checkbox) ose
çelësat radio
(radio),
për to përdorni përzgjedhësin
checked.
Meqenëse :selected nuk i përket specifikimit CSS,
për të përmirësuar performancën në
shfletuesit modernë është më mirë që fillimisht të filtrohen elementet
duke përdorur një përzgjedhës të pastër css, dhe më pas
të aplikohet .filter(':selected').
Sintaksë
Kështu ne zgjedhim elementet me
atributin selected:
$(':selected');
Shembull
Lejo, pas çdo zgjedhje të një pike në listën
rënëse, ta shfaqim atë nën listë me ngjyrë
të gjelbër. Siç e shihni para klikimit tuaj të parë
do të shfaqen pikat, të zgjedhura si parazgjedhje,
këto janë 'bbb' dhe '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');