नाम से इनपुट तत्व चुनने के लिए मैं क्वेरी सिलेक्टर का उपयोग कैसे कर सकता हूं?

Question

मुझे हाल ही में इस साइट पर querySelector का उपयोग फॉर्म इनपुट पर select पर उपयोग करने में मदद मिली है, लेकिन जैसे ही मैंने <select> लिया, यह पूरी तरह से बदल गया कि फ़ंक्शन में क्या किया जाना चाहिए।

HTML:

<form onsubmit="return checkForm()"> 
    Password: <input type="text" name="pwd"> 
    <input type="submit" value="Submit"> 
</form> 

जावास्क्रिप्ट:

<script language="Javascript" type="text/javascript"> 
    debugger; 
    function checkForm() { 
     var form = document.forms[0]; 
     var selectElement = form.querySelector(''); 
     var selectedValue = selectElement.value; 

     alert(selectedValue); 
</script> 

, इससे पहले कि मैं querySelector के लिए ('select') था, लेकिन अब मैं अनिश्चित क्या वहाँ डाल करने के लिए कर रहा हूँ।
मैंने कई चीजों के साथ-साथ querySelectorAll की कोशिश की है लेकिन मुझे इसे समझने की प्रतीत नहीं हो रही है।

स्पष्ट होने के लिए मैं name="pwd" खींचने की कोशिश कर रहा हूं।

मैं यह कैसे कर सकता हूं?

Answer 1

आप कोशिश कर सकते हैं 'इनपुट [नाम = "pwd"]':

function checkForm(){ 
    var form = document.forms[0]; 
    var selectElement = form.querySelector('input[name="pwd"]'); 
    var selectedValue = selectElement.value; 
} 

एक देखो एक इस http://jsfiddle.net/2ZL4G/1/

Answer 2

इन उदाहरणों थोड़ा अक्षम प्रतीत ले। यदि आप मूल्य पर कार्रवाई करना चाहते हैं इस प्रयास करें:

<input id="cta" type="email" placeholder="Enter Email..."> 
<button onclick="return joinMailingList()">Join</button> 

<script> 
    const joinMailingList =() => { 
     const email = document.querySelector('#cta').value 
     console.log(email) 
    } 
</script> 

यदि आप वसा तीर (=>) के साथ this कीवर्ड का उपयोग मुद्दे का सामना करेंगे। आपको लगता है कि क्या करने की जरूरत है, तो पुराने स्कूल जाना:

<script> 
    function joinMailingList() { 
     const email = document.querySelector('#cta').value 
     console.log(email) 
    } 
</script> 

आप पासवर्ड जानकारी के साथ काम कर रहे हैं, तो आप type="password" का उपयोग करना चाहिए, तो यह प्रदर्शित करेगा ****** जबकि उपयोगकर्ता लिख ​​रहा है, और यह भी है अधिक अर्थपूर्ण