javascriptdhtml

How to find value of input field using name attribute?

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

  • 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