怎样分别取得field1的值，都有哪几种方法

Question

<table id="detail"><tr><td>标准</td></tr><tr><td><input type="text" id="field1" value="11"></td></tr><tr><td><input type="text" id="field1" value="22"></td></tr></table>

Answer 1

id重复会报错的吧，把id改成name
用document.getElementsByName("field1").children[0] document.getElementsByName("field1").children[1]
$("input[name='field1']").children(0).val() $("input[name='field1']").children(1).val()

Answer 2

var items=document.getElementsByName("field1");
items[0].value;
items[1].value;
$("input[name='field1']")[0].val() 
$("input[name='field1']")[1].val()

Answer 3

按照楼上的把ID改为name。var inputs = document.getElementsByTagName("input");
for(var i = 0 ;i <inputs.length ;i++){
if(inputs[i].type=="text"&&inputs[i].name=="field1")alert(inputs[i].value);
}

Answer 4

<table id="detail"><tbody><tr><td>标准</td></tr><tr><td><input type="text" id="field1" value="11"></td></tr><tr><td><input type="text" id="field1" value="22"></td></tr></tbody></table>
<script type="text/javascript">
onload = function(){
     if(document.all){
var objs = document.getElementById("detail").getElementsByName("field1");
      for(var i=0;i<objs.length;i++){
           alert(objs[i].value);
      }
}
      objs = document.getElementById("detail").getElementsByTagName("input");
for(var i=0;i<objs.length;i++){
if(objs[i].id == "field1"){
alert(objs[i].value);
                }
          
      }
      objs1 = document.getElementById("detail").firstChild.childNodes[1].firstChild.firstChild.value;
      alert(objs1);
  objs2 = document.getElementById("detail").firstChild.childNodes[2].firstChild.firstChild.value;
      alert(objs2);
}
</script>
给你加了个tbody
因为有的浏览器会自动加

Answer 5

用id=field1 取不到，必须用name=field1吗

Answer 6

页面上的ID是唯一的。
document.getElementById("")返回的对象是一个单对象。
document.getElementsByName("") 返回一组对象。