html - how to get value of input box without id and name field using javascript - Stack Overflow

admin管理员组

文章数量:1287652

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?

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?

• javascript
• html

Share Improve this question Follow edited Oct 16, 2012 at 11:49 sv_in 14k99 gold badges3737 silver badges5555 bronze badges asked Oct 16, 2012 at 11:45 vishalgvishalg 43722 gold badges77 silver badges1818 bronze badges 0

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 2

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;

}

you can get values by getElementsByTagName and code would be like this

var inputs = document.getElementsByTagName('input');
value1 = inputs[0].value;
value2 = inputs[1].value;

You could use the elements property of the form object which will iterate over just the input elements inside the form:

for (var i = 0; i < a.length; i++) {
  var e = a[i];
  if (e.type == 'text') {
    f(e.value);
  }
}

var inpObj = document.getElementsByTagName('input');
for(var i in inpObj){
   if(inpObj[i].type == "text"){
         alert(inpObj[i].value);
    }
}

This code will alert all the input textfields.

It looks like you want to do form validation. For form validation in HTML5, check this resource out: http://www.the-art-of-web./html/html5-form-validation/

Basically, you will be able to get by with some validations just by using HTML attributes, and without using JavaScript.

本文标签： htmlhow to get value of input box without id and name field using javascriptStack Overflow