Izbirnik selected
Izbirnik :selected izbere elemente,
ki so izbrani, to so tisti, ki imajo atribut
selected.
Izbirnik :selected deluje za elemente z oznako
option. Ne
deluje s potrditvenimi polji
(checkbox) ali
radijskimi gumbi
(radio),
za njih uporabite izbirnik
checked.
Ker :selected ne spada v CSS specifikacijo,
je za boljšo zmogljivost v sodobnih
brskalnikih bolje najprej filtrirati elemente z
uporabo čistega css-izbirnika, nato pa
uporabiti .filter(':selected').
Sintaksa
Tako izberemo elemente z
atributom selected:
$(':selected');
Primer
Ob vsaki izbiri elementa v spustnem
seznamu, ga prikažimo pod seznamom z zeleno
barvo. Kot lahko vidite, bodo pred vašim prvim klikom
prikazani elementi, izbrani privzeto,
to sta 'bbb' in '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');
