HTML <option> selected एट्रिब्यूट

<option> एलिमेंट का selected एट्रिब्यूट

<option> एलिमेंट में selected एट्रिब्यूट एक बूलियन एट्रिब्यूट है जो पेज लोड होने पर उस विकल्प को पूर्व-चयनित (pre-select) करता है। वही विकल्प डिफ़ॉल्ट रूप से ड्रॉप-डाउन में दिखाई देगा।

वाक्यविन्यास (Syntax)

<option selected>

उदाहरण

<!DOCTYPE html>
<html>
<body>
<h1>Educational Qualification</h1>
<h2>Postgraduation</h2>
<select>
  <option value="mca">MCA</option>
  <option value="mcom">M.COM</option>
  <option value="mtech" selected>M.TECH</option>
  <option value="msc">M.Sc</option>
</select>
</body>
</html>

आउटपुट

ड्रॉप-डाउन में "M.TECH" डिफ़ॉल्ट रूप से चयनित दिखाई देगा:

HTML <option> selected एट्रिब्यूट

कोड विश्लेषण

उपरोक्त उदाहरण में, हमारे पास एक ड्रॉप-डाउन सूची सेट करने के लिए <select> है:

<select>
  <option value="mca">MCA</option>
  <option value="mcom">M.COM</option>
  <option value="mtech" selected>M.TECH</option>
  <option value="msc">M.Sc</option>
</select>

उसमें, विभिन्न विकल्प <option> एलिमेंट के साथ सेट हैं:

<option value="mca">MCA</option>
<option value="mcom">M.COM</option>
<option value="mtech" selected>M.TECH</option>
<option value="msc">M.Sc</option>

हमने पेज लोड होने पर डिफ़ॉल्ट दृश्यमान विकल्प सेट करने के लिए selected एट्रिब्यूट का उपयोग किया है:

<option value="mtech" selected>M.TECH</option>

महत्वपूर्ण बिंदु

प्रति <select> (यदि multiple नहीं है) केवल एक विकल्प में selected होना चाहिए।
selected बूलियन है; मान की आवश्यकता नहीं (selected="selected" भी मान्य)।
JavaScript से बदलने के लिए: selectElement.value = "mtech" या optionElement.selected = true