जावास्क्रिप्ट फ़ंक्शन द्वारा HTML टेक्स्टबॉक्स तक कैसे पहुंचे?जावास्क्रिप्ट से एक HTML टेक्स्टबॉक्स तक कैसे पहुंचे?
उत्तर
सेट और प्रयोग document.getElementById() फ़ंक्शन ... उदाहरण नीचे:
<html>
<head>
<script type="text/javascript">
function doSomethingWithTextBox()
{
var textBox = document.getElementById('TEXTBOX_ID');
// do something with it ...
}
</script>
</head>
<body>
<input type="text" id="TEXTBOX_ID">
</body>
</html>
संक्षेप में, यह वास्तव में टेक्स्टबॉक्स (TEXTBOX_ID) का मान नहीं प्राप्त करेगा जबतक कि आप फ़ंक्शन को कुछ नहीं करते हैं। WithethingWithTextBox()। आपको अपने इनपुट टैग (TEXTBOX_ID) के बाद फ़ंक्शन doSomethingWithTextBox() को कॉल करने की आवश्यकता होगी अन्यथा doSomethingWithTextBox() एक टेक्स्टबॉक्स की तलाश करेगा जो अभी तक मौजूद नहीं है, और आपको एक त्रुटि मिलती है। –
document.getElementById ('textboxid')। मूल्य या document.formname.textboxname.value
अपने पाठ बॉक्स एक id
विशेषता दो, और बाद document.getElementById('<textbox id>')
के साथ लाने। पाठ बॉक्स पर आईडी संपत्ति
सबसे पहले आप एक डोम (दस्तावेज़ ऑब्जेक्ट मॉडल) प्राप्त करने में सक्षम होने की जरूरत है पाठ बॉक्स के संदर्भ में :
<input type="text" id="mytextbox" value="Hello World!" />
सूचना id
विशेषता, पाठ बॉक्स अब आईडी mytextbox
है।
अगला चरण जावास्क्रिप्ट में संदर्भ प्राप्त करने के लिए है:
var textbox = document.getElementById('mytextbox'); // assign the DOM element reference to the variable "textbox"
यह अपने id
विशेषता के आधार पर एक HTML तत्व प्राप्त हो सकें। ध्यान दें कि उन आईडी की अद्वितीय होने की आवश्यकता है, इसलिए आपके पास एक ही आईडी के साथ दो टेक्स्टबॉक्स नहीं हो सकते हैं।
अब अंतिम चरण पाठ बॉक्स के मान प्राप्त करने के लिए है:
alert(textbox.value); // alert the contents of the textbox to the user
value
संपत्ति पाठ बॉक्स की सामग्री शामिल है, और बस हो गया!
अधिक संदर्भ के लिए आप बाहर MDC पर कुछ सामान से अधिक जांच करना चाह सकते:
GetElementByID Reference
Input Element Reference
A general overview of the DOM
बहुत बस, इस प्रयास करें:
<!doctype html>
<html>
<head>
…
</head>
<body>
<form>
<input id="textbox" type="text" />
</form>
<script>
var textboxValue = document.getElementById("textbox").value;
</script>
</body>
परिवर्तनीय textboxValue
बराबर होगा wha tever आपने टेक्स्टबॉक्स में टाइप किया है।
याद रखें कि आपको अपनी स्क्रिप्ट को रखना होगा, यदि टेक्स्ट HTML (input
फ़ील्ड) आपके HTML में दिखाई देता है, अन्यथा जब पृष्ठ पहले लोड होता है तो आपको एक त्रुटि मिल जाएगी, क्योंकि स्क्रिप्ट input
की तलाश में है फ़ील्ड जो अभी तक ब्राउज़र द्वारा नहीं बनाई गई है।
मुझे आशा है कि इससे मदद मिलती है!
- 1. एंड्रॉइड (फोनगैप) पर जावास्क्रिप्ट से एसएमएस इनबॉक्स तक कैसे पहुंचे
- 2. जावास्क्रिप्ट से एक्सेलेरोमीटर/जीरोस्कोप डेटा तक कैसे पहुंचे?
- 3. मूल पृष्ठ से iframe की जावास्क्रिप्ट ऑब्जेक्ट्स तक कैसे पहुंचे?
- 4. रेल नोटिफिकेशन से current_user तक कैसे पहुंचे?
- 5. Google से अवतार तक कैसे पहुंचे?
- 6. एचटीएमएल 5 से वेबकैम तक कैसे पहुंचे?
- 7. सुपरक्लास के कई लक्षणों में से एक तक कैसे पहुंचे?
- 8. पायथन में एक डीएल से कक्षा तक कैसे पहुंचे?
- 9. एएसपी.नेट एमवीसी दृश्य फ़ोल्डर से एचटीएमएल फाइलों तक कैसे पहुंचे
- 10. PHP में पोस्ट डेटा तक कैसे पहुंचे?
- 11. जावास्क्रिप्ट के माध्यम से स्क्रीन डिस्प्ले की डीपीआई सेटिंग्स तक कैसे पहुंचे?
- 12. javafx.scene.web.WebEngine # loadContent द्वारा लोड किए गए HTML पृष्ठ से सीएसएस और छवि फ़ाइलों तक कैसे पहुंचे?
- 13. जावास्क्रिप्ट का उपयोग कर वेबकिट ब्राउज़र से स्थानीय फ़ाइल सिस्टम तक कैसे पहुंचे?
- 14. groovy: गुण फ़ाइल तक कैसे पहुंचे?
- 15. प्रोग्रामिंग के सिम कार्ड तक कैसे पहुंचे?
- 16. नेटवर्क में सी $ शेयर तक कैसे पहुंचे?
- 17. jquery आंतरिक डेटा तक कैसे पहुंचे?
- 18. qt पर पैरेंट विजेट तक कैसे पहुंचे?
- 19. ASP.Net से PHP वेब सेवा तक कैसे पहुंचे?
- 20. superclass में घोषित IBOutlets तक कैसे पहुंचे?
- 21. ईपीप्लस में वर्कशीट तक कैसे पहुंचे?
- 22. आईई 9 में Event.target तक कैसे पहुंचे?
- 23. वेक्टर में अंतिम मूल्य तक कैसे पहुंचे?
- 24. Global.asax स्थिर सदस्यों तक कैसे पहुंचे?
- 25. थ्रेड द्वारा रननेबल ऑब्जेक्ट तक कैसे पहुंचे?
- 26. मुख्य() फ़ंक्शन के बाहर से argv [] तक कैसे पहुंचे?
- 27. किसी अन्य वर्ग से Winform घटकों तक कैसे पहुंचे?
- 28. टैब बार नियंत्रक से व्यू कंट्रोलर तक कैसे पहुंचे?
- 29. किसी अन्य वर्ग से ऑब्जेक्ट तक कैसे पहुंचे?
- 30. पिकासा (डेस्कटॉप) डेटाबेस तक कैसे पहुंचे?
क्या आपका मतलब है, टेक्स्ट बॉक्स का मूल्य प्राप्त करने के लिए? –
हां बिल्कुल। सर्वर पर वापस जाने के बिना –
[पहले थ्रेड में अधिक तरीके] [http://stackoverflow.com/questions/4206336/how-do-i-use-javascript-to-update-the-values-of-hidden- इनपुट-फ़ील्ड/420645 9 # 420645 9) – Tobias