html中怎么获取多行文本框的行数
展开全部
你直接把这个拷贝到一个html文件中，打开就可以看效果，我建议你在生成table的时候可以把text的框加一个id，id中包含它属于的行和列，这样在点击text的时候可以很快的得到它属于的行和列。
<html>
<script>
function showRowAndCol(i, j) {
i = i + 1; //row number;
j = j + 1; //column number
document.getElementById("currentInput").innerText = "text is at row: " + i + ", column " + j;
}
function getRowColNumber(textObj){
var td = textObj.parentNode;
var tr = td.parentNode;
var table = tr.parentNode;
for (var i = 0; i < table.rows.length; i++) {
var row = table.rows[i];
if (row == tr) {
for (var j = 0; j < row.children.length; j++) {
if (row.children[j] == td){
showRowAndCol(i, j);
return;
}
}
}
}
}
</script>
<body>
<div>
<span id="currentInput"></span>
<table border="1">
<tr>
<td width="38px;">
1
</td>
<td>
f
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
<tr>
<td>
2
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
g
</td>
</tr>
<tr>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
3
</td>
<td>
p
</td>
</tr>
<tr>
<td>
4
</td>
<td>
r
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
<tr>
<td>
5
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
t
</td>
</tr>
<tr>
<td>
6
</td>
<td>
g
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
</table>
<div>
</body>
</html>
<html>
<script>
function showRowAndCol(i, j) {
i = i + 1; //row number;
j = j + 1; //column number
document.getElementById("currentInput").innerText = "text is at row: " + i + ", column " + j;
}
function getRowColNumber(textObj){
var td = textObj.parentNode;
var tr = td.parentNode;
var table = tr.parentNode;
for (var i = 0; i < table.rows.length; i++) {
var row = table.rows[i];
if (row == tr) {
for (var j = 0; j < row.children.length; j++) {
if (row.children[j] == td){
showRowAndCol(i, j);
return;
}
}
}
}
}
</script>
<body>
<div>
<span id="currentInput"></span>
<table border="1">
<tr>
<td width="38px;">
1
</td>
<td>
f
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
<tr>
<td>
2
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
g
</td>
</tr>
<tr>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
3
</td>
<td>
p
</td>
</tr>
<tr>
<td>
4
</td>
<td>
r
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
<tr>
<td>
5
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
t
</td>
</tr>
<tr>
<td>
6
</td>
<td>
g
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
</table>
<div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
