Селектор selected
:selected селектори танланган, яъни
selected атрибутига
эга бўлган элементларни танлайди.
:selected селектори
option тегига эга бўлган элементлар
учун ишлайди. У чекбокслар
(checkbox) ёки
радио тугмалари
(radio)
учун ишламайди, улар учун
checked
селекторидан фойдаланинг.
:selected CSS спецификациясига кирмагани сабабли,
замонавий браузерларда самарадорликни ошириш учун
аввал элементларни соф CSS-селектор билан фильтрлаб олиб,
сўнгра .filter(':selected') ни қўлланган мақсадга мувофиқ.
Синтаксис
selected атрибутига эга бўлган элементларни шундай танлаймиз:
$(':selected');
Мисол
Келгила, тушувчи рўйхатдан пунктни ҳар танлаганда,
уни рўйхат остида яшил рангда кўрсатамиз. Сиз биринчи марта босганингизгача
андоза бўйича танланган пунктлар кўрсатилишини ку́расиз,
бу 'bbb' ва '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');
