Geselekteerde Keuse-ontleder
Die keuse-ontleder :selected kies elemente
wat gekies is, dit wil sê dié wat die
selected kenmerk het.
Die keuse-ontleder :selected werk vir elemente met die
option etiket. Dit
werk nie met merkblokkies
(checkbox) of
radio-skakelaars
(radio) nie,
vir hulle gebruik die keuse-ontleder
checked.
Aangesien :selected nie tot die CSS-spesifikasie behoort nie,
is dit beter om, vir beter werkverrigting in moderne
blaaiers, eers die elemente te filter met
'n suiwer CSS-keuse-ontleder, en dan
.filter(':selected') toe te pas.
Sintaksis
So kies ons elemente met die
selected kenmerk:
$(':selected');
Voorbeeld
Kom ons vertoon, elke keer as 'n item in die aftreklys
gekies word, dit onder die lys in groen
kleur. Soos jy kan sien, sal die items wat by verstek gekies is,
vertoon word voor jou eerste kliek,
dit is 'bbb' en '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');
