CODEWITHSUNDEEP
javascriptdhtml
Shyam Sundar
Shyam Sundar

Reputation: 131

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;

Upvotes: 8

Views: 42026

Answers (3)

Satpal
Satpal

Reputation: 133403

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

Upvotes: 20

Muhammad Umar
Muhammad Umar

Reputation: 348

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/

Upvotes: 5

pressbyron
pressbyron

Reputation: 317

You can use

document.getElementsByName(name)

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

Upvotes: 2

Related Questions