Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम मूल्य संपत्ति का चयन करें


HTML DOM सेलेक्ट वैल्यू प्रॉपर्टी रिटर्न करती है और ड्रॉप-डाउन सूची की वैल्यू एट्रिब्यूट की सामग्री को संशोधित करती है।

सिंटैक्स

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

  • रिटर्निंग वैल्यू

object.value
  • मूल्य संशोधित करना

object.value = true | false

उदाहरण

आइए HTML DOM सेलेक्ट वैल्यू प्रॉपर्टी का एक उदाहरण देखें -

<!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.1rem;
   }
   .drop-down{
      width:35%;
      border:2px solid #fff;
      font-weight:bold;
      padding:8px;
      outline:none;
   }
   .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;
      color:#db133a;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM Select value property Demo</h1>
<p>Hi, Select your favourite subject:</p>
<select class='drop-down' name="Drop Down List">
<option>Physics</option>
<option>Maths</option>
<option>Chemistry</option>
<option>English</option>
</select>
<button type="button" onclick="getValue()" class="btn">Show value</button>
<div class="show"></div>
<script>
   function getValue() {
      var dropDown = document.querySelector(".drop-down");
      document.querySelector(".show").innerHTML = "

         "+ "Value = " + dropDown.value + "";

   } </script> </body> </html>

आउटपुट

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

एचटीएमएल डोम मूल्य संपत्ति का चयन करें

अपना विषय चुनें और फिर “मान दिखाएं . पर क्लिक करें मूल्य प्रदर्शित करने के लिए "बटन।

एचटीएमएल डोम मूल्य संपत्ति का चयन करें


  1. एचटीएमएल डोम मीटर मूल्य संपत्ति

    HTML DOM मीटर वैल्यू प्रॉपर्टी एलिमेंट की वैल्यू एट्रिब्यूट के अनुरूप एक नंबर लौटाती है/सेट करती है। बेहतर परिणामों के लिए इसका उपयोग उच्च, निम्न, न्यूनतम और अधिकतम विशेषताओं के साथ करें। नोट:मीटर एक प्रगति पट्टी के रूप में लेकिन केवल एक गेज के रूप में। निम्नलिखित वाक्य रचना है - मान . का रिटर्न

  1. HTML DOM नोडवैल्यू प्रॉपर्टी

    HTML DOM नोडवैल्यू प्रॉपर्टी नोड के मान के अनुरूप स्ट्रिंग लौटाती/सेट करती है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान Node.nodeValue यहां, वापसी मूल्य निम्नलिखित हो सकता है - दस्तावेज़ नोड्स और एलिमेंट नोड्स के लिए मान शून्य के रूप में विशेषता नोड्स के लिए विशेषता के मान के रूप में मा

  1. एचटीएमएल डोम मूल्य संपत्ति

    HTML DOM मान गुण किसी तत्व की विशेषता के मान के अनुरूप स्ट्रिंग लौटाता है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान elementAttribute.value आइए HTML DOM मान का एक उदाहरण देखें संपत्ति - उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM value</title> <st