html input values in javascript

Question

I can't seem to figure out this problem that I have:

<script>
    function getValues(){
        var value1 = document.getElementById("value1");
        var value2 = document.getElementById("value2");
        var value3 = document.getElementById("value3");
        alert(value1 +" "+ value2 +" "+ value3);
    }
</script>

<p>value1</p>   
<input type="text" id='value1' />
<p>value2</p>
<input type="text" id='value2' />
<p>value3</p>
<input type="text" id='value3' />
<input type="button" value="submit" onclick="getValues()" />

I try to get the values the user filled in and then alert them back to them but instead of showing the values they filled in, it says:

[object HTMLInputElement] [object HTMLInputElement] [object HTMLInputElement]

Does anyone have an idea what could be the problem?

Daniel Bejan · Accepted Answer · 2014-07-16 20:36:16Z

7

Try it like this

function getValues(){

        var value1 = document.getElementById("value1").value;
        var value2 = document.getElementById("value2").value;
        var value3 = document.getElementById("value3").value;
        alert(value1 +" "+ value2 +" "+ value3);
    }

answered Jul 16, 2014 at 20:36

Daniel Bejan

1,4681 gold badge15 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Austinh100 · Accepted Answer · 2014-07-16 20:37:25Z

4

var value1 = document.getElementById("value1");

Gets the DOM Element associated with the value1 Id. In order to get the value of the element you need to do:

var value1 = document.getElementById("value1").value;.

answered Jul 16, 2014 at 20:37

Austinh100

5983 silver badges13 bronze badges

1 Comment

Qorzyking Over a year ago

the explanation of why the .value has to be added helped me understand it better. Thank you.

etr · Accepted Answer · 2014-07-16 20:41:04Z

0

document.getElementById("value1")returns a dom element.

To assign it, get the value by using it like this:

document.getElementById("value1").value

answered Jul 16, 2014 at 20:41

etr

1,2472 gold badges8 silver badges15 bronze badges

Collectives™ on Stack Overflow

html input values in javascript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related