Tôi làm cách nào để sử dụng querySelector để chọn yếu tố đầu vào theo tên?

Question

Gần đây tôi đã nhận được trợ giúp trên trang web này theo hướng sử dụng querySelector trên đầu vào biểu mẫu chẳng hạn như select nhưng ngay sau khi tôi lấy <select>, nó hoàn toàn thay đổi những gì phải được thực hiện trong chức năng.

HTML:

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

Javascript:

<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> 

Trước đây, tôi đã ('select') cho querySelector, nhưng bây giờ tôi không chắc chắn những gì để đặt ở đó.
Tôi đã thử nhiều thứ cũng như querySelectorAll nhưng dường như tôi không thể hiểu được.

Để rõ ràng, tôi đang cố gắng kéo name="pwd".

Tôi làm cách nào để thực hiện việc này?

Answer 1

Bạn có thể thử 'input [name = "pwd"]':

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

hãy xem một này http://jsfiddle.net/2ZL4G/1/

Answer 2

Những ví dụ này có vẻ hơi kém hiệu quả. Hãy thử điều này nếu bạn muốn hành động theo giá trị:

<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> 

Bạn sẽ gặp phải vấn đề nếu bạn sử dụng this từ khóa với chất béo mũi tên (=>). Nếu bạn cần phải làm điều đó, đi học cũ:

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

Nếu bạn đang làm việc với các đầu vào mật khẩu, bạn nên sử dụng type="password" vì vậy nó sẽ hiển thị ****** khi người dùng đang gõ, và nó cũng là ngữ nghĩa hơn.