एचटीएमएल डोम विकल्प वस्तु

<घंटा/>

HTML DOM विकल्प ऑब्जेक्ट HTML दस्तावेज़ के <विकल्प> तत्व का प्रतिनिधित्व करता है।

आइए अब देखते हैं कि ऑप्शन ऑब्जेक्ट कैसे बनाया जाता है -

सिंटैक्स

निम्नलिखित वाक्य रचना है -

document.createElement(“OPTION”);

गुण

विकल्प वस्तु के गुण निम्नलिखित हैं -

संपत्ति	स्पष्टीकरण
अक्षम	यह लौटाता है और संशोधित करता है कि विकल्प तत्व अक्षम है या नहीं।
डिफ़ॉल्ट चयनित	यह HTML दस्तावेज़ में विकल्प तत्व का डिफ़ॉल्ट मान देता है।
फ़ॉर्म	यह उस फॉर्म का संदर्भ देता है जिसमें HTML दस्तावेज़ में विकल्प तत्व होता है।
सूचकांक	यह HTML दस्तावेज़ में किसी विकल्प की अनुक्रमणिका स्थिति को लौटाता है और संशोधित करता है।
लेबल	यह HTML दस्तावेज़ में किसी विकल्प की लेबल विशेषता के मान को लौटाता है और बदल देता है।
चयनित	यह किसी विकल्प की चयनित विशेषता के मान को लौटाता है और बदल देता है।
पाठ	यह एक विकल्प के टेक्स्ट को लौटाता है और संशोधित करता है।
मान	यह सर्वर पर भेजे जाने वाले विकल्प के मान को लौटाता है और संशोधित करता है।

उदाहरण

आइए HTML DOM ऑप्शन ऑब्जेक्ट का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
   body{
      text-align:center;
      background-color:#fff;
      color:#0197F6;
   }
   h1{
      color:#23CE6B;
   }
   .btn{
      background-color:#fff;
      border:1.5px dashed #0197F6;
      height:2rem;
      border-radius:2px;
      width:60%;
      margin:2rem auto;
      display:block;
      color:#0197F6;
      outline:none;
      cursor:pointer;
   }
</style>
</head>
<body>
<h1>DOM option Object Demo</h1>
<select class="drop-down"></select>
<button onclick="createDropDownList()" class="btn">Create a drop-down option</button>
<script>
   function createDropDownList() {
      var option = document.createElement("option");
      option.setAttribute("value","Hello");
      option.innerText='Hello';
      document.querySelector(".drop-down").appendChild(option);
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम विकल्प वस्तु

"एक ड्रॉप-डाउन विकल्प बनाएं . पर क्लिक करें "विकल्प ऑब्जेक्ट बनाने के लिए बटन और फिर इसे ड्रॉप-डाउन सूची में जोड़ें।

एचटीएमएल डोम विकल्प वस्तु