selected සිටුවම

:selected සිටුවම තෝරාගත් මූලද්‍රව්‍ය තෝරාගනියි, එනම් selected ගුණාංගය ඇති ඒවා. :selected සිටුවම option ටැගය සහිත මූලද්‍රව්‍ය සඳහා ක්‍රියා කරයි. එය සලකුණුකොටු (checkbox) හෝ රේඩියෝ ස්විච (radio) සමඟ ක්‍රියා නොකරයි, ඒවා සඳහා checked සිටුවම භාවිතා කරන්න. :selected CSS පිළිගත් ප්‍රමිතියක් නොවන නිසා, නවීන බ්‍රවුසරවල කාර්ය සාධනය වැඩිදියුණු කිරීම සඳහා පළමුව සුද්ධ CSS සිටුවමක් භාවිතයෙන් මූලද්‍රව්‍ය පෙරීම සිදුකර ඉන්පසු .filter(':selected') යොදන්න.

වාග් රීතිය

මේ ආකාරයට අපි selected ගුණාංගය සහිත මූලද්‍රව්‍ය තෝරාගනිමු:

javascript$(':selected');

නිදසුන

අපි, පතන ලැයිස්තුවේ එක් එක් අයිතමය තෝරාගැනීමේදී, එය ලැයිස්තුවට පහළින් කොළ පැහැයෙන් පෙන්වමු. ඔබේ පළමු ක්ලික් කිරීමට පෙර පෙරනිමිය ලෙස තෝරාගත් අයිතම පෙන්වනු ඇත, ඒවා නම් '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');

තවද බලන්න