Get textbox value in Javascript (single/multiple fields)

Question

I have a field in my page named as "myField" Now this is dynamic So there are 2 cases i.e. it can be just 1 field as;

<input type="text" name="myField" />

OR there can be 2 fields as below;

<input type="text" name="myField" />
<input type="hidden" name="myField" />

I use the following code to access the value in JS;

document.forms[0].myField[0].value

However, this does not work if there is only 1 field (as in the first case)

How do I write dynamic JS code to handle the same? It should be cross browser compatible.

possible duplicate of retrieving text field value using javascript — excentris
– excentris, Commented Apr 19, 2013 at 7:57

VisioN · Accepted Answer · 2013-04-19 07:56:58Z

2

Yes, because in the first case you should use document.forms[0].myField.value.

I'd suggest to retrieve elements with getElementsByName() method:

var val = document.getElementsByName("myField")[0].value;

answered Apr 19, 2013 at 7:56

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

2 Comments

copenndthagen Over a year ago

is this cross browser compatible ?

VisioN Over a year ago

@testndtv Of course. This is a native JavaScript method for DOM manipulation.

Ilya · Accepted Answer · 2013-04-19 07:57:20Z

0

better way is to give a unique ID to each element and then get it with

document.getElementById(id).value

answered Apr 19, 2013 at 7:57

Ilya

1796 bronze badges

Comments

pnsilva · Accepted Answer · 2013-04-19 07:58:19Z

0

Have a look at JQuery, and here's some information on how to get the value out.

answered Apr 19, 2013 at 7:58

pnsilva

6651 gold badge9 silver badges20 bronze badges

Comments

Diode · Accepted Answer · 2013-04-19 07:59:48Z

0

provided there is at least one element name "myField"

var count = document.forms[0].myField.length;
for(var i=0; i < count; i++){
    // do something with document.forms[0].myField[i].value
    console.log(document.forms[0].myField[i].value);
}

fiddle : http://jsfiddle.net/HtrrT/

answered Apr 19, 2013 at 7:59

Diode

25.2k8 gold badges43 silver badges52 bronze badges

Collectives™ on Stack Overflow

Get textbox value in Javascript (single/multiple fields)

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related