Get input value in JavaScript without using jQuery?

Question

Let's say I have an input field like this:

<input type="text" id="input" value="This is my value">

How can I get the attribute value? In jQuery, I can easily get it with:

$('#input').val() //-> This is my value

How do I do so using pure JavaScript?

Answer 1

You can get the value by targeting the ID.
Where inputID is the ID of your input or textarea:

document.getElementById('inputID').value;

You can also do it by targeting the name attribute.
Where inputID is the Name of your input or textarea:

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

Answer 2

The element must have an ID

<input type="text" id="text-field-id" value="A test!">

And then you do this:

var value = document.getElementById('text-field-id').value;

Answer 3

You can use getElementById() , to get value use value property

<input type-"text" id="text" />

var text=document.getElementById('text').value;

Fiddle Demo

Answer 4

Try this

document.getElementById("input-id").value

Answer 5

Yes you are right, everything that is written in jQuery can be written in pure Javascript

var value = document.querySelector('#yourInput').value;

Answer 6

You can use this :

<input type="hidden" id="yourID" name="msg" value="" style="display:none"/>

var Msg="abc";
document.getElementById('yourID').value = Msg;