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:

javascript$(':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':

html<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>

cssdiv {
  color: green;
}

javascript$('select')
  .change(function() {
    let str = '';
    
    $('select option:selected').each(function() {
      str += $(this).text() + ' ';
    });
    
    $('div').text(str);
  }).trigger('change');

Ayrıca Bakınız