Comment trouver la valeur du champ de saisie en utilisant l'attribut name?

Question

Comment accéder à la valeur de ce champ d'entrée par son attribut name en utilisant Javascript

<input type='text' name='hey'> 

document.querySelectorAll('input[name=hey]').value; 

Answer 1

Vous étiez proche, Comme querySelectorAll() retourne une liste de sorte que vous pouvez utiliser indexeur pour accéder aux éléments.

document.querySelectorAll('input[name=hey]')[0].value 

mieux utiliser querySelector()

document.querySelector('input[name=hey]').value 

Answer 2

Vous pouvez utiliser

document.getElementsByName(name) 

Depuis que vous vouliez javascript? Ou voulez-vous JQuery? Bravo!

Answer 3

Si vous êtes flexible pour utiliser JQuery, voici la réponse.

$("input[name=hey]").val(); 

en utilisant Javascript, vous pouvez y accéder comme ceci: -

document.getElementsByName('key')[0].value; 

Regardez dans ce jsFiddle: -

https://jsfiddle.net/pLmvrdf3/