Selektor selected
Selektor :selected memilih elemen,
yang dipilih, yaitu elemen yang memiliki atribut
selected.
Selektor :selected bekerja untuk elemen dengan tag
option. Ia
tidak bekerja dengan kotak centang
(checkbox) atau
tombol radio
(radio),
untuk mereka, gunakan selektor
checked.
Karena :selected tidak termasuk dalam spesifikasi CSS,
maka untuk meningkatkan performa di
browser modern, lebih baik pertama-tama menyaring elemen dengan
menggunakan selektor css murni, lalu
menerapkan .filter(':selected').
Sintaks
Beginilah cara kita memilih elemen dengan
atribut selected:
$(':selected');
Contoh
Mari, setiap kali item dipilih dalam daftar
turun, tampilkan di bawah daftar dengan warna
hijau. Seperti yang Anda lihat, sebelum klik pertama Anda,
item yang dipilih secara default akan ditampilkan,
yaitu 'bbb' dan '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');
