"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > मेरा जावास्क्रिप्ट इनपुट मान हमेशा खाली क्यों रहता है?

मेरा जावास्क्रिप्ट इनपुट मान हमेशा खाली क्यों रहता है?

2024-12-22 को प्रकाशित
ब्राउज़ करें:749

Why is My JavaScript Input Value Always Empty?

जावास्क्रिप्ट में खाली इनपुट वैल्यू इश्यू

किसी इनपुट फ़ील्ड की वैल्यू प्रॉपर्टी को एक वेरिएबल में स्टोर करने से एक समस्या हो सकती है जहां वैल्यू बनी रहती है उपयोगकर्ता इनपुट की परवाह किए बिना खाली। इसे समझने के लिए, आइए आपके द्वारा प्रदान किए गए कोड की जांच करें:

const inputValue = document.querySelector("#inputField").value;

यह पंक्ति इनपुट फ़ील्ड का मान इनपुटवैल्यू को निर्दिष्ट करती है जब स्क्रिप्ट पहली बार निष्पादित होती है तो परिवर्तनीय। हालाँकि, यह इस मान को अपडेट नहीं करता है क्योंकि उपयोगकर्ता इनपुट फ़ील्ड में टाइप करता है। जावास्क्रिप्ट में स्ट्रिंग्स अपरिवर्तनीय हैं, जिसका अर्थ है कि एक बार एक वेरिएबल में संग्रहीत होने के बाद, उनका मूल्य नहीं बदला जा सकता है। ]हर बार तत्व को क्वेरी करें:

हर बार बटन दबाने पर इनपुटवैल्यू वैरिएबल को नवीनतम मान से अपडेट करें क्लिक किया गया।

    स्थिरांक परीक्षण = () => { स्थिरांक इनपुटवैल्यू = document.getElementById("inputField").मूल्य; चेतावनी(इनपुटवैल्यू); }

  1. तत्व का एक संदर्भ संग्रहीत करें:

    const testing = () => {
      const inputValue = document.getElementById("inputField").value;
    
      alert(inputValue);
    }
  2. const इनपुटएलिमेंट = document.getElementById("inputField"); स्थिरांक परीक्षण = () => चेतावनी (inputElement.value);
  3. इनमें से किसी भी समाधान को लागू करके, आप यह सुनिश्चित कर सकते हैं कि इनपुट मान हमेशा अद्यतित है और सटीक रूप से प्रतिबिंबित होता है उपयोगकर्ता द्वारा किया गया कोई भी परिवर्तन।

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3