Селектор 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');
