用JS怎么才能通过输入一个值区匹配到一个表单中的某一行的某一表格后，在把这一列全部一次输出
比如<tr><td>123</td><td>345</td></tr><tr><td>ad</td><td>rt<td/></tr>这个表单中，我通过在一个输入框中输入1...
比如<tr><td>123</td><td>345</td></tr> <tr><td>ad</td><td>rt<td/></tr>这个表单中，我通过在一个输入框中输入123然后点击一个按钮就能将上面表单中包含有123这个表格所在的那一列全部一次输出。
展开
1个回答
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script>
window.onload = function() {
btn.onclick = function() {
var rows = tab1.tBodies[0].rows;
var tds = [];
for (var i = 0; i < rows.length; i++) {
var r = rows[i], cells = r.cells;
for(var j=0;j<cells.length;j++){
var cj = cells[j];
if(cj.innerHTML.toLowerCase().search(oTxt.value)!=-1){
tds.push(j);
}
}
}
for(var i = 0;i<tds.length;i++){
var html="";
for(var j =0;j<rows.length;j++){
html+=rows[j][i];
}
console.log(html);
}
}
};
</script>
</head>
<body>姓名
<input id="oTxt" type="text" />
<input id="btn" type="button" value="搜索" />
<table id='tab1' border="1" width="500">
<thead>
<tr>
<td>ID</td>
<td>姓名</td>
<td>年龄</td>
<td>操作</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>zxt</td>
<td>20</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>lnz</td>
<td>20</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>lyh</td>
<td>10</td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>lsy</td>
<td>21</td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
