Alerting an object() value that is gotten from an input using JavaScript

Question

I am trying to get an object value using the input element, but it is not working, this is what I tried

    var operator = new Object();
    operator.name = document.getElementById("name").value;
    operator.country = document.getElementById("country").value;
    operator.occupation = document.getElementById("occupation").value;
    operator.status = document.getElementById("status").value;
    alert(operator.name + operator.country + operator.occupation + operator.status);

It keeps alerting undefined.

       <form action="process.php" method="post" onsubmit="return myValidate()" name="myform">

Name:

Country:

Occupation:

Status:

what errors on console? ..but it is not working?

Deepak Ingole
– Deepak Ingole

2014-01-16 08:32:59 +00:00
Commented Jan 16, 2014 at 8:32 — Deepak Ingole
– Deepak Ingole, Commented Jan 16, 2014 at 8:32
not working means what?

Linga
– Linga

2014-01-16 08:36:05 +00:00
Commented Jan 16, 2014 at 8:36 — Linga
– Linga, Commented Jan 16, 2014 at 8:36

Linga · Accepted Answer · 2014-01-16 08:45:10Z

1

Try using toSource() method which represents the source code of an object. It will return the object properties along with their values

alert(operator.toSource());

Here is an example Fiddle

Edit:

toSource() does not work in Internet Explorer or Safari. It is not a good practice. So you can use

alert(operator.name.toString());

edited Jan 16, 2014 at 8:45

answered Jan 16, 2014 at 8:36

Linga

10.6k10 gold badges57 silver badges109 bronze badges

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

6 Comments

Deepak Ingole Over a year ago

What is .toSource()?.Are you talking about .toString()

Linga Over a year ago

@Pilot returns the object values

Linga Over a year ago

@Pilot no developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

Deepak Ingole Over a year ago

Is .toSource() is meant for function object only.I am getting uncaught TypeError: Object #<Object> has no method 'toSource'

Deepak Ingole Over a year ago

.toSource() This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.*

|

user2046117 · Accepted Answer · 2014-01-16 08:36:20Z

1

I've just had a go here http://jsfiddle.net/47LRJ/ and it works fine. can you show your HTML

<form>
    <input id="text" type="text" value="text" />
</form>

var obj = new Object();
obj.text =  document.getElementById("text").value;
alert(obj.text);

answered Jan 16, 2014 at 8:36

user2046117

1 Comment

Favouronu Over a year ago

This looks similar to mine

hesar · Accepted Answer · 2014-01-16 08:41:44Z

0

I guess you alert before form is filled with values (we probably need to see form html code)

Is this code called on document load?

answered Jan 16, 2014 at 8:41

hesar

5394 silver badges8 bronze badges

Collectives™ on Stack Overflow

Alerting an object() value that is gotten from an input using JavaScript

3 Answers 3

6 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related