जावास्क्रिप्ट का उपयोग करके टेक्स्टबॉक्स को मान कैसे असाइन करें

Javaskripta Ka Upayoga Karake Tekstaboksa Ko Mana Kaise Asa Ina Karem



कभी-कभी, आपको किसी ईवेंट के आधार पर टेक्स्टबॉक्स मान सेट करने की आवश्यकता हो सकती है। आप HTML फ़ाइल में एक इनपुट टेक्स्टबॉक्स तत्व जोड़कर और आवश्यकता के आधार पर इसकी विशेषता मान सेट करके ऐसा कर सकते हैं। जावास्क्रिप्ट में पूर्वनिर्धारित तरीके हैं जो बताए गए उद्देश्य के लिए उपयोगी हो सकते हैं।

यह पोस्ट जावास्क्रिप्ट का उपयोग करके टेक्स्टबॉक्स को मान निर्दिष्ट करने की प्रक्रिया को परिभाषित करेगी।

जावास्क्रिप्ट का उपयोग करके टेक्स्टबॉक्स को मान कैसे असाइन करें?

टेक्स्टबॉक्स को मान निर्दिष्ट करने के लिए, निम्न विधियों का उपयोग करें:







आइए इन विधियों के कार्य को अलग से देखें!



विधि 1: setAttribute() विधि का उपयोग करके टेक्स्टबॉक्स को मान असाइन करें

' सेट एट्रिब्यूट () टेक्स्टबॉक्स को मान निर्दिष्ट करने के लिए 'विधि का उपयोग किया जाता है। इसका उपयोग किसी निश्चित तत्व में एक विशेषता जोड़ने या सेट करने और उसे एक मान देने के लिए किया जाता है। यह विधि तर्क के रूप में दो पैरामीटर लेती है, और दोनों अनिवार्य हैं।



वाक्य - विन्यास





setAttribute() विधि के लिए नीचे दिए गए सिंटैक्स का पालन करें:

सेटविशेषता ( विशेषता नाम, विशेषता मान ) ;

यहां, ' मान बताइए ' उस विशेषता का मान है जिसका नाम निर्दिष्ट किया गया है।



उदाहरण

हम पहले डिफ़ॉल्ट के साथ एक शीर्षक और एक इनपुट फ़ील्ड बनाएंगे ' मूलपाठ 'प्लेसहोल्डर मान। इसके बाद, एक बटन जोड़ें जो क्लिक करने पर 'myFunction ()' विधि को लागू करेगा:

< एच5 > देखने के लिए बटन पर क्लिक करें चूक टेक्स्ट फ़ील्ड का मान। एच5 >

< निवेष का प्रकार = 'मूलपाठ' पहचान = 'माईटेक्स्ट' प्लेसहोल्डर = 'मूलपाठ' >

< बटन ऑनक्लिक = 'माईफंक्शन ()' > क्लिक बटन >

जेएस फ़ाइल में, 'नाम के एक फ़ंक्शन को परिभाषित करें' माय फंक्शन () 'और' का उपयोग करके टेक्स्टबॉक्स तक पहुंचें getElementbyId () 'विधि और फिर' की मदद से मान सेट करें सेट एट्रिब्यूट () ' तरीका:

समारोह myFunction ( ) {

दस्तावेज़। getElementById ( 'माईटेक्स्ट' ) . सेटविशेषता ( 'मूल्य' , 'लिनक्स संकेत' ) ;

}

यह आउटपुट से देखा जा सकता है कि जब बटन पर क्लिक किया जाता है, तो टेक्स्टबॉक्स का मान 'के रूप में सेट होता है' लिनक्ससंकेत ':

आइए टेक्स्टबॉक्स को मान निर्दिष्ट करने की अगली प्रक्रिया देखें।

विधि 2: टेक्स्ट वैल्यू प्रॉपर्टी का उपयोग करके टेक्स्टबॉक्स को मान असाइन करें

टेक्स्टबॉक्स को मान निर्दिष्ट करने के लिए एक और तरीका है, जो है ' मूल्य 'पाठ की संपत्ति। इस दृष्टिकोण में, आपको केवल मूल्य संपत्ति का उपयोग करके टेक्स्टबॉक्स को मान निर्दिष्ट करना होगा।

वाक्य - विन्यास

टेक्स्ट तत्व की value प्रॉपर्टी का उपयोग करके टेक्स्टबॉक्स को मान निर्दिष्ट करने के लिए निम्न सिंटैक्स का उपयोग करें:

मूल्य = 'मूलपाठ' ;

उदाहरण

यहां, हम पिछले उदाहरण में पहले से बनाए गए टेक्स्टबॉक्स को मान निर्दिष्ट करेंगे। ऐसा करने के लिए, myFunction() में टेक्स्टबॉक्स तक पहुंचें और फिर, 'का उपयोग करके टेक्स्टबॉक्स को आवश्यक मान असाइन करें' मूल्य ' संपत्ति:

समारोह myFunction ( ) {

दस्तावेज़। getElementById ( 'माईटेक्स्ट' ) . मूल्य = 'लिनक्स संकेत' ;

}

जैसा कि आप आउटपुट को सफलतापूर्वक देख सकते हैं, टेक्स्टबॉक्स को मान असाइन करें:

हमने जावास्क्रिप्ट का उपयोग करके टेक्स्टबॉक्स को मान निर्दिष्ट करने के लिए सबसे सरल तरीकों को इकट्ठा किया है।

निष्कर्ष

जावास्क्रिप्ट का उपयोग करके टेक्स्टबॉक्स को मान निर्दिष्ट करने के लिए, आप जावास्क्रिप्ट पूर्वनिर्धारित विधि का उपयोग कर सकते हैं जिसे setAttribute() विधि या टेक्स्ट तत्व की मान संपत्ति कहा जाता है। टेक्स्टबॉक्स को मान निर्दिष्ट करने के लिए ये दोनों दृष्टिकोण कुशलता से काम करते हैं। आप अपनी आवश्यकता के अनुसार उनमें से किसी एक का चयन कर सकते हैं। इस पोस्ट में, हमने विस्तृत उदाहरणों के साथ जावास्क्रिप्ट का उपयोग करके टेक्स्टबॉक्स को मान निर्दिष्ट करने के तरीकों पर चर्चा की है।