HTML DOM Option defaultSelected प्रॉपर्टी

defaultSelected प्रॉपर्टी क्या है?

HTML DOM में Option defaultSelected प्रॉपर्टी एक बूलियन मान लौटाती है जो दर्शाता है कि कोई <option> तत्व डिफ़ॉल्ट रूप से चयनित है या नहीं। यह प्रॉपर्टी selected विशेषता की प्रारंभिक स्थिति को दर्शाती है, न कि वर्तमान चयन स्थिति को।

सिंटैक्स

object.defaultSelected

उदाहरण

यह उदाहरण दर्शाता है कि कैसे प्रत्येक विकल्प के लिए defaultSelected मान की जांच की जाती है:

<!DOCTYPE html>
<html>
<head>
<style>
  html { height: 100%; }
  body {
    text-align: center;
    color: #fff;
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
    height: 100%;
  }
  p { font-weight: 700; font-size: 1.2rem; }
  .drop-down {
    width: 35%;
    border: 2px solid #fff;
    font-weight: bold;
    padding: 8px;
  }
  .btn {
    background: #0197F6;
    border: none;
    height: 2rem;
    border-radius: 2px;
    width: 35%;
    margin: 2rem auto;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
  }
  .show { font-size: 1.5rem; font-weight: bold; }
</style>
</head>
<body>
<h1>DOM Option defaultSelected डेमो</h1>
<p>नमस्ते, अपना पसंदीदा विषय चुनें:</p>
<select class='drop-down'>
  <option>Physics</option>
  <option selected>Maths</option>
  <option>Chemistry</option>
  <option>English</option>
</select>
<button onclick="showValue()" class="btn">defaultSelected मान दिखाएं</button>
<div class="show"></div>
<script>
  function showValue() {
    var dropDown = document.querySelector(".drop-down");
    var options = dropDown.options;
    var output = "";
    for (var i = 0; i < options.length; i++) {
      output += "Option " + (i+1) + ": " + options[i].text + " - defaultSelected: " + options[i].defaultSelected + "
";
    }
    document.querySelector(".show").innerHTML = output;
  }
</script>
</body>
</html>

आउटपुट

पेज लोड होने पर, "Maths" विकल्प में selected विशेषता होती है, इसलिए इसका defaultSelected मान true होगा, जबकि अन्य सभी विकल्पों के लिए यह false होगा।

महत्वपूर्ण अंतर

उपयोग के मामले

• फॉर्म रीसेट कार्यक्षमता लागू करते समय मूल डिफ़ॉल्ट मान जानने के लिए।
• यह जांचने के लिए कि क्या उपयोगकर्ता ने मूल डिफ़ॉल्ट से अलग चयन किया है।
• फॉर्म सत्यापन में मूल मानों से तुलना के लिए।