selected ընտրիչ

:selected ընտրիչն ընտրում է այն տարրերը, որոնք ընտրված են, այսինքն՝ those որոնք ունեն 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');

Տես նաև

filter մեթոդը,
որը ֆիլտրում է տարրերը հավաքածուում ըստ տրված ընտրիչի
selected ատրիբուտը
checked ընտրիչը,
որը ընտրում է այն տարրերը, որոնք ընտրված են, այսինքն՝ those որոնք ունեն checked
կամ selected ատրիբուտ
option
և select պիտակները