selected selector
:selected selector သည်
ရွေးချယ်ထားသော အရာများကို ရွေးချယ်သည်၊
ဆိုလိုသည်မှာ
selected attribute
ရှိသော အရာများကို ရွေးချယ်သည်။
:selected selector သည်
option tag ရှိသော
အရာများအတွက် အလုပ်လုပ်သည်။ ၎င်းသည်
အမှတ်ခြစ်အကွက်
(checkbox) သို့မဟုတ်
ရေဒီယိုခလုတ်
(radio) များနှင့်
အလုပ်မလုပ်ပါ၊
၎င်းတို့အတွက်
checked selector
ကို အသုံးပြုပါ။
:selected သည် CSS specification နှင့် မသက်ဆိုင်သောကြောင့်၊
ခေတ်သစ် browser များတွင် စွမ်းဆောင်ရည် ပိုမိုကောင်းမွန်စေရန်
အစတွင် သန့်ရှင်းသော css-selector ကို အသုံးပြု၍ အရာများကို
စစ်ထုတ်ပြီး ထို့နောက်
.filter(':selected') ကို အသုံးပြုသင့်သည်။
Syntax
selected attribute ရှိသော အရာများကို
ဤသို့ ရွေးချယ်သည်-
$(':selected');
ဥပမာ
dropdown list ထဲရှိ item တစ်ခုစီကို ရွေးချယ်သည့်အခါတိုင်း
၎င်းကို list အောက်တွင် အစိမ်းရောင်ဖြင့် ပြသရန် လုပ်ဆောင်ကြပါစို့။
သင့်ပထမဆုံး ကလစ်နှိပ်ခြင်းမတိုင်မီ
default အတိုင်း ရွေးချယ်ထားသော item များ
ပြသမည်ဖြစ်ကြောင်း သင်မြင်တွေ့ရပါမည်၊
၎င်းတို့မှာ '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');
