Selektorius selected
Selektorius :selected pasirenka elementus,
kurie yra pasirinkti, tai yra tuos, kurie turi atributą
selected.
Selektorius :selected veikia su elementais, turinčiais žymę
option. Jis
neveikia su varnelėmis
(checkbox) arba
radijo mygtukais
(radio),
joms naudokite selektorių
checked.
Kadangi :selected nepriklauso CSS specifikacijai,
tai norint pagerinti našumą šiuolaikiniuose
naršyklėse, geriausia iš pradžių atfiltruoti elementus
naudojant gryną css selektorių, o tada
pritaikyti .filter(':selected').
Sintaksė
Taip mes pasirenkame elementus su
atributu selected:
$(':selected');
Pavyzdys
Leiskite, kaskart pasirenkant punktą išskleidžiamajame
sąraše, jį atvaizduoti po sąrašu žalia
spalva. Kaip matote, iki jūsų pirmo paspaudimo
bus rodomi pagal nutylėjimą pasirinkti punktai,
tai 'bbb' ir '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');
