HTML DOM इनपुट हिडन value प्रॉपर्टी

परिचय

HTML DOM इनपुट हिडन value प्रॉपर्टी HTML दस्तावेज़ में type="hidden" वाले इनपुट फील्ड के value एट्रिब्यूट की सामग्री प्राप्त करती है और संशोधित करती है।

सिंटैक्स

मान प्राप्त करना

object.value

मान सेट करना

object.value = "text"

उदाहरण

हिडन इनपुट फील्ड के value को बदलना और प्रदर्शित करना:

<!DOCTYPE html>
<html>
<head>
<style>
  body { text-align: center; background-color: #F19A3E; color: #fff; }
  .btn {
    background-color: #3C787E;
    border: none;
    height: 2rem;
    border-radius: 50px;
    width: 60%;
    margin: 1rem auto;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
  }
  .show { color: #fff; font-size: 1.2rem; font-weight: 600; }
</style>
</head>
<body>
<h1>DOM हिडन value प्रॉपर्टी उदाहरण</h1>
यहां हिडन इनपुट फील्ड है: <input type="hidden" class="input-field" value="Hi! I was previous value of hidden input">
<button onclick="getType()" class="btn">मान बदलने के लिए क्लिक करें</button>
<div class="show"></div>
<script>
  function getType() {
    var inputField = document.querySelector(".input-field");
    var msgDiv = document.querySelector(".show");
    msgDiv.innerHTML = "" + inputField.value + "";
    inputField.value = "Hello! I'm new value of hidden input";
    msgDiv.innerHTML += "" + inputField.value + "";
  }
</script>
</body>
</html>

आउटपुट

"मान बदलने के लिए क्लिक करें" बटन पर क्लिक करने पर हिडन इनपुट का पुराना और नया मान दोनों प्रदर्शित होंगे।