如何在动态表中检索输入类型的值 [英] How to retrieve value of input type in a dynamic table
问题描述
好的,我有一个表格,像这样
< table border =1id =dataTable> ;
< tr>
< td>
<强>文字< / strong>
< / td>
< td>
< Strong>字体< / strong>
< / td>
< td>
< Strong>大小< / strong>
< / td>
< td>
< Strong>颜色< / strong>
< / td>
< tr>
< td>
< input type =Text>
< / td>
< td>
< input type =Text>
< / td>
< td>
< input type =Text>
< / td>
< td>
< input type =Text>
< / td>
< / tr>
< / tr>
< / table>
< INPUT type =buttonvalue =添加行onclick =addRow('dataTable')/>
< INPUT type =buttonvalue =Delete Rowonclick =deleteRow('dataTable')/>
< INPUT type =buttonvalue =Showonclick =showContent('dataTable')/>
我已经设置了JavaScript,所以我可以添加一行,删除可以正常工作的行,但我在尝试获取输入类型内部的值时遇到了实际问题。
以下是我尝试获取其中一个值的代码
function showContent(tableID){
var tbl = document.getElementById(tableID);
var rCount = tbl.rows.length;
尝试{
alert(tbl.rows [rCount - 1] .cells [0] .innerHTML);
} catch(e){
alert(e);
}
}
然而,警报框刚刚出现with:
< input type =Text>
我想要检索输入框内的实际值。谁能告诉我我做错了什么?
在此先感谢。 试图访问该值...
$ p $ alert(tbl.rows [rCount-1] .cells [0] .children [ 0]。价值);
Okay I have a table set out like this
<table border="1" id="dataTable">
<tr>
<td>
<Strong>Text</Strong>
</td>
<td>
<Strong>Font</Strong>
</td>
<td>
<Strong>Size</Strong>
</td>
<td>
<Strong>Color</Strong>
</td>
<tr>
<td>
<input type="Text">
</td>
<td>
<input type="Text">
</td>
<td>
<input type="Text">
</td>
<td>
<input type="Text">
</td>
</tr>
</tr>
</table>
<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />
<INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" />
<INPUT type="button" value="Show" onclick="showContent('dataTable')" />
I have the JavaScript set up so I can add a row, delete a row which works fine, but I am having real problems trying to get the value of what is inside the input type.
Here is the code I tried to get one of the values
function showContent(tableID) {
var tbl = document.getElementById(tableID);
var rCount = tbl.rows.length;
try {
alert(tbl.rows[rCount - 1].cells[0].innerHTML);
} catch (e) {
alert(e);
}
}
However the alert box just comes up with:
<input type="Text">
I want to retrieve the actual value of what's inside the input box. Could anyone tell me what I am doing wrong?
Thanks in advance.
Well you're not even trying to access the value...
alert(tbl.rows[rCount-1].cells[0].children[0].value);
这篇关于如何在动态表中检索输入类型的值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!