selected සිටුවම
:selected සිටුවම තෝරාගත් මූලද්රව්ය තෝරාගනියි,
එනම් selected ගුණාංගය
ඇති ඒවා.
:selected සිටුවම option
ටැගය සහිත මූලද්රව්ය සඳහා ක්රියා කරයි. එය
සලකුණුකොටු (checkbox) හෝ
රේඩියෝ ස්විච (radio)
සමඟ ක්රියා නොකරයි,
ඒවා සඳහා checked
සිටුවම භාවිතා කරන්න.
:selected CSS පිළිගත් ප්රමිතියක් නොවන නිසා,
නවීන බ්රවුසරවල කාර්ය සාධනය වැඩිදියුණු කිරීම සඳහා
පළමුව සුද්ධ CSS සිටුවමක් භාවිතයෙන් මූලද්රව්ය පෙරීම සිදුකර
ඉන්පසු .filter(':selected') යොදන්න.
වාග් රීතිය
මේ ආකාරයට අපි selected ගුණාංගය සහිත
මූලද්රව්ය තෝරාගනිමු:
$(':selected');
නිදසුන
අපි, පතන ලැයිස්තුවේ එක් එක් අයිතමය තෝරාගැනීමේදී,
එය ලැයිස්තුවට පහළින් කොළ පැහැයෙන්
පෙන්වමු. ඔබේ පළමු ක්ලික් කිරීමට පෙර
පෙරනිමිය ලෙස තෝරාගත් අයිතම පෙන්වනු ඇත,
ඒවා නම් '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');
