从HTML表格中的文本框中检索值

时间:2010-07-19 12:09:52

标签: javascript html html-table

我有一个表格,其单元格中有文本框。所有这些文本框都是使用PHP动态创建和填充的。我必须遍历单元格并获取值。

通过使用以下代码,我可以获得单元格的innerHTML。

var tblLang = document.getElementById("tbl_Languages");
var tblrows = tblLang.rows;
for(var i=1; i<tblrows.length; i++){
var tblcells = tblrows[i].cells;
alert(tblcells[0].innerHTML);

给定代码的输出是

<input background-color="#FFFFFF" haslayout="-1" id="txtname_ENU" value=" English" type="text">

我怎样才能获得内部文本框的值?请帮帮我。

2 个答案:

答案 0 :(得分:1)

您希望从表格单元格而不是innerHTML(字符串)中获取实际的dom节点。这将允许您在该节点上调用.value,你们都很好。类似的东西:

   tblcells[0].firstChild.value
   // or iterate through children
   var childLength = tblcells.childNodes.length
   for(var i=0;i<childLength;i++){
     alert(tblCells.childNodes[i].value);
   }

另请注意,在迭代for(var i=1; i<tblrows.length; i++){时,在代码中,每次检查tblrows数组的长度都很慢。您应该检查该长度一次,如我的代码中所示,然后在循环中使用它。

答案 1 :(得分:0)

你的意思是:


var textBoxValue = document.getElementById("txtname_ENU").value;
alert(textBoxValue);