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;
Add a comment
|
3 Answers
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
Comments
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:-
Comments
You can use
document.getElementsByName(name)
Since you wanted javascript? Or do you want JQuery? cheers!
1 Comment
Chathura Edirisinghe
this is correct.but this returns an array.so you have to use 'document.getElementsByName(name)[0].value' in order to get the value
