सेलेक्टर 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');

यह भी देखें

filter विधि,
जो दिए गए सेलेक्टर के अनुसार सेट में तत्वों को फ़िल्टर करती है
selected विशेषता
checked सेलेक्टर,
जो उन तत्वों का चयन करता है जो चयनित हैं, यानी जिनमें checked विशेषता है
या selected विशेषता है
option
और select टैग