Valija selected
Valija :selected valib elemendid,
mis on valitud, ehk need, millel on atribuut
selected.
Valija :selected töötab elementidega, millel on silt
option. See
ei tööta märkeruutudega
(checkbox) või
raadio lülititega
(radio),
nende jaoks kasutage valijat
checked.
Kuna :selected ei kuulu CSS spetsifikatsiooni,
siis tõhususe parandamiseks kaasaegsetes
brauserites on parem kõigepealt filtreerida elemente
kasutades puhta CSS valijat, ja seejärel
rakendada .filter(':selected').
Süntaks
Nii valime elemendid
atribuudiga selected:
$(':selected');
Näide
Kuvame iga kord, kui rippmenüüst valitakse punkt,
selle punkti menüü all rohelise
värviga. Nagu näete, enne teie esimest klõpsu
kuvatakse vaikimisi valitud punktid,
need on 'bbb' ja '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');
