Question

I have a form with 3 input box and all the input box does not have id, name field in it. So if i enter value in it, How can i check the value of input box without id and name field using javascript

<form id='a' action='' >
    <input type='text' value='' />
    <input type='text' value='' />
</form>

This is the code in html and i want to have the value of input box using javascript. Can i do that?

Answer 1

You could get a reference to them and check their value property.

For the luxury of supporting newer browsers…

[].forEach.call(document.querySelectorAll("#a input[type='text']"),
               function(input) {
                   var value = input.value;
               }); 

If you need to support the annoying browsers that still seem to linger, just write a bit more code and you’re good as gold.

var inputs = document.getElementById("a").getElementsByTagName("input");
var i;
var length;
var value;

for (i = 0, length = inputs.length; i < length; i++) {
     // Check we have [type='text']
     if (inputs[i].type != "text") {
         continue;
     }
     value = inputs[i].value;

}