js 在一个table中,能够实现在文本框中输入数值,点击按钮,删除数值所在的一行
2个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>
<script language="javascript">
var trno = 1;
function del(tNme,rNme){
var mytable = document.getElementById(tNme);
var myrow = document.getElementById(rNme);
mytable.deleteRow(myrow.rowIndex);
}
function add(tNme){
var tabNme = document.getElementById(tNme);
var rowlen=tabNme.rows.length;
if(rowlen==0){
trno = 1;
}
var mytr = tabNme.insertRow();
mytr.setAttribute("id","tr"+trno); //设置id
var mytd_1=mytr.insertCell(); //第1列
var mytd_2=mytr.insertCell(); //第2列
mytd_1.innerHTML="输入值<input type='text' name='name1' value='望采纳!'/>";
mytd_2.innerHTML="<input name='b' type='button' value='删除该行' onClick=\"javascript:del('tab','tr"+trno+"')\">";
trno++;
}
</script>
</head>
<body>
<table id="tab" >
<tr>
<td>
<input name="b" type="button" value='添加行' onClick="javascript:add('tab')">
</td>
</tr>
<tr height="30px" id = "tr1">
<td>输入值
<input type="text" name="name1" value="望采纳!"/>
</td>
<td>
<input name="b" type="button" value='删除该行' onClick="javascript:del('tab','tr1')">
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>
<script language="javascript">
var trno = 1;
function del(tNme,rNme){
var mytable = document.getElementById(tNme);
var myrow = document.getElementById(rNme);
mytable.deleteRow(myrow.rowIndex);
}
function add(tNme){
var tabNme = document.getElementById(tNme);
var rowlen=tabNme.rows.length;
if(rowlen==0){
trno = 1;
}
var mytr = tabNme.insertRow();
mytr.setAttribute("id","tr"+trno); //设置id
var mytd_1=mytr.insertCell(); //第1列
var mytd_2=mytr.insertCell(); //第2列
mytd_1.innerHTML="输入值<input type='text' name='name1' value='望采纳!'/>";
mytd_2.innerHTML="<input name='b' type='button' value='删除该行' onClick=\"javascript:del('tab','tr"+trno+"')\">";
trno++;
}
</script>
</head>
<body>
<table id="tab" >
<tr>
<td>
<input name="b" type="button" value='添加行' onClick="javascript:add('tab')">
</td>
</tr>
<tr height="30px" id = "tr1">
<td>输入值
<input type="text" name="name1" value="望采纳!"/>
</td>
<td>
<input name="b" type="button" value='删除该行' onClick="javascript:del('tab','tr1')">
</td>
</tr>
</table>
</body>
</html>
追问
以上是html代码，要实现的内容是：在第一个文本中输入数值，点击删除按钮，删除对应的一行，在第二个文本中输入数值，点击添加按钮，添加的一行，在第三个文本中输入数值，点击查找按钮，查找出对应的数值，没有的另作处理，有的话，找出来，并显示在第几行第几列，真的不会，急求，谢谢先辈，，字数太多被限制了，所以html代码，被分开了，
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
发v共患难规范年高仿个
追问
123
456
789
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
