Pemilih selected
Pemilih :selected memilih elemen,
yang dipilih, iaitu elemen yang mempunyai atribut
selected.
Pemilih :selected berfungsi untuk elemen dengan tag
option. Ia
tidak berfungsi dengan kotak semak
(checkbox) atau
penukar radio
(radio),
untuk mereka gunakan pemilih
checked.
Oleh kerana :selected tidak tergolong dalam spesifikasi CSS,
maka untuk meningkatkan prestasi dalam
pelayar moden, lebih baik tapis elemen terlebih dahulu dengan
menggunakan pemilih css tulen, dan kemudian
gunakan .filter(':selected').
Sintaks
Beginilah kita memilih elemen dengan
atribut selected:
$(':selected');
Contoh
Mari, setiap kali item dipilih dalam senarai juntai bawah,
tunjukkannya di bawah senarai dengan warna
hijau. Seperti yang anda lihat sebelum klik pertama anda,
item yang dipilih secara lalai akan dipaparkan,
iaitu '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');
