इनपुट का मान बदलने के लिए, दस्तावेज़ की अवधारणा का उपयोग करें। वाक्य रचना इस प्रकार है -
document.yourFormName.yourTextName.value=anyValue;
मान लें कि "सबमिट फॉर्म" पर क्लिक करने पर हमारा इनपुट टाइप कॉलिंग सबमिटफॉर्म () निम्नलिखित है -
<form name="studentForm" onsubmit="submitForm();"> <input type="hidden" name="txtInput" value="10000" /> <input type="submit" value="Submit Form"/> </form>
सबमिटफॉर्म () फ़ंक्शन इनपुट के मूल्य को बदल रहा है -
function submitForm(){
document.studentForm.txtInput.value='STUDENT-100';
} उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.
css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
</head>
<body>
<form name="studentForm" onsubmit="submitForm();">
<input type="hidden" name="txtInput" value="10000" />
<input type="submit" value="Submit Form"/>
</form>
<script>
function submitForm(){
document.studentForm.txtInput.value='STUDENT-100';
}
</script>
</body>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट देगा -
“फॉर्म सबमिट करें” बटन पर क्लिक करने पर आपको क्वेरी स्ट्रिंग में परिवर्तन मान प्राप्त होगा। यह निम्नलिखित आउटपुट का उत्पादन करेगा -
