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 ရှိသော အရာများကို ဤသို့ ရွေးချယ်သည်-

javascript$(':selected');

ဥပမာ

dropdown list ထဲရှိ item တစ်ခုစီကို ရွေးချယ်သည့်အခါတိုင်း ၎င်းကို list အောက်တွင် အစိမ်းရောင်ဖြင့် ပြသရန် လုပ်ဆောင်ကြပါစို့။ သင့်ပထမဆုံး ကလစ်နှိပ်ခြင်းမတိုင်မီ default အတိုင်း ရွေးချယ်ထားသော item များ ပြသမည်ဖြစ်ကြောင်း သင်မြင်တွေ့ရပါမည်၊ ၎င်းတို့မှာ 'bbb' နှင့် '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');

ဆက်လက်လေ့လာရန်