जावास्क्रिप्ट, [ऑब्जेक्ट HTMLInputElement] देखकर

Question

मुझे अभी HTML सीखना शुरू हो गया है। मेरे चरों में से एक पर alert() करना मुझे यह परिणाम [object HTMLInputElement] देता है।

डेटा फ़ील्ड कैसे प्राप्त करें, जो टेक्स्ट फ़ील्ड में जोड़े गए थे, जहां मेरा इनपुट प्रकार टेक्स्ट है?

Answer 1

कहें कि आपका चर myNode है, आप myNode.value इनपुट तत्वों के मान को पुनर्प्राप्त करने के लिए कर सकते हैं।

फ़ायरबग में एक "डोम" टैब है जो उपयोगी डॉम विशेषताओं को दिखाता है।

इसके अलावा एक संदर्भ के लिए मोज़िला पृष्ठ देखें: https://developer.mozilla.org/en-US/docs/DOM/HTMLInputElement

Answer 2

तत्व एक <input type="text"> है, तो आप क्वेरी चाहिए value विशेषता:

alert(element.value); 

इस jsFiddle में एक उदाहरण देखें।

इसके अलावा, और आप एचटीएमएल सीखना शुरू कर रहे हैं, तो आप डिबगिंग उद्देश्यों के लिए alert() के बजाय console.log() का उपयोग करने पर विचार कर सकते हैं। यह स्क्रिप्ट के निष्पादन प्रवाह को बाधित नहीं करता है, और आप डेवलपर टूल के साथ लगभग हर ब्राउज़र में सभी लॉग का सामान्य दृश्य देख सकते हैं (को छोड़कर, एक, स्पष्ट रूप से)।

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

Answer 3

<input type="text" /> 
<script> 
$("input:text").change(function() { 
    var value=$("input:text").val(); 
    alert(value); 
}); 
</script> 

उपयोग .val() तत्व (jQuery विधि) का मान प्राप्त करने के लिए, $ ("इनपुट: पाठ") इस चयनकर्ता चुनने के लिए अपने इनपुट, .change() एक ईवेंट हैंडलर को "परिवर्तन" जावास्क्रिप्ट ईवेंट में बाध्य करने के लिए।

Answer 4

परिवर्तन: चयनकर्ता::

$("input:text").change(function() { 
    var value=$("input:text").val(); 
    alert(value); 
}); 

टिप्पणी करने के लिए

$("input:text").change(function() { 
    var value=$("input[type=text].selector").val(); 
    alert(value); 
}); 

आईडी, वर्ग ..

Answer 5

जब आप ग्राहक मेकअप से और कहा कि एक मूल्य मिलता है, उदाहरण के लिए एक मूल्य ।

var current_text = document.getElementById('user_text').value; 
     var http = new XMLHttpRequest(); 
     http.onreadystatechange = function() { 

      if (http.readyState == 4 && http.status == 200){ 
       var response = http.responseText; 
       document.getElementById('server_response').value = response; 
       console.log(response.value); 


      }