How to find value of input field using name attribute?

Question

How to access the value of this input field by its name attribute using Javascript

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

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

Answer 1

You were close, As querySelectorAll() returns a list so you can use indexer to access the elements.

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

better use querySelector()

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

If your input name itself includes square brackets e.g. hey[], you would enclose the name in double quotes:

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

Answer 2

If you are flexible to use JQuery the here is the answer.

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

Using Javascript, you can access it like this:-

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

Look into this jsfiddle:-

https://jsfiddle.net/pLmvrdf3/

Answer 3

You can use

document.getElementsByName(name)

Since you wanted javascript? Or do you want JQuery? cheers!