Seçici selected
Seçici :selected, seçilmiş öğeleri,
yani selected
özniteliğine sahip olanları seçer.
:selected seçicisi, option
etiketine sahip öğeler için çalışır.
Onay kutuları (checkbox)
veya radyo düğmeleri (radio)
ile çalışmaz, onlar için
checked
seçicisini kullanın.
:selected CSS spesifikasyonuna ait olmadığından,
modern tarayıcılarda performansı artırmak için
önce öğeleri saf bir css seçicisi kullanarak
filtrelemek, ardından .filter(':selected')
uygulamak daha iyidir.
Sözdizimi
selected özniteliğine sahip öğeleri
şu şekilde seçeriz:
$(':selected');
Örnek
Açılır listedeki bir öğe her seçildiğinde,
onun liste altında yeşil renkle görüntülenmesini sağlayalım.
İlk tıklamanıza kadar, varsayılan olarak seçilmiş
olan öğelerin görüntüleneceğini görebilirsiniz,
bunlar 'bbb' ve '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');
