求助：请问这个效果怎么实现啊！

Nicok 2003-09-25 01:52:35

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function add()
{ var i=0;
var t = document.getElementById("table1");
var i=0;
t.insertRow().insertCell().innerHTML="<td bgcolor='#FFFFFF' class='a9px' width='69%'> 岗位名称： </td><input type=text name=gwname" + i + ">";
t.insertRow().insertCell().innerHTML="<td bgcolor='#FFFFFF' width='69%'> 岗位职责说明：<br><textarea name=gwduty cols='80' rows='8'" + i + "></textarea>";
i++
}
function del(){
var i=0;
var ee=document.getElementById(String("gwname"+i));
var aa=document.getElementById(String("gwduty"+i));
ee.removeNode(true);
aa.removeNode(true);
}
</script>
</HEAD>

<BODY>
<table id="table1" width="48%" border="1">
<tr>
<td bgcolor="#FFFFFF" width="69%">
<input type=button value="增加岗位" onclick=add()>
<input type=button value="删除岗位" onclick=del()>
</td>
</tr>
</table>
</BODY>
</HTML>
上面的代码已经能够动态的增减文本框了，但前面的文字怎么一并在删除时去掉呢？
js实在是不熟，在哪儿也找不到讲innerHTML的东西，请各位帮帮忙！谢谢。如果有讲innerHTML的书，请给的下载的地方吧。

...全文

53 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

Nicok 2003-10-14

打赏
举报

各位关注一下啥

kingdomzhf 2003-10-11

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function add()
{ var i=0;
var t = document.getElementById("table1");
var i=0;
t.insertRow().insertCell().innerHTML="<td bgcolor='#FFFFFF' class='a9px' width='69%'> 岗位名称： </td><input type=text id=gwname" + i + ">";
t.insertRow().insertCell().innerHTML="<td bgcolor='#FFFFFF' width='69%'> 岗位职责说明：<br><textarea id=gwduty" + i + " cols='80' rows='8'" + i + "></textarea>";
i++
}
function del(){
var i=0;
var ee=document.getElementById("gwname"+i);
var aa=document.getElementById("gwduty"+i);
ee.parentElement.innerHTML = "";
aa.parentElement.innerHTML = "";
//ee.removeNode(true);
//aa.removeNode(true);
}
</script>
</HEAD>

<BODY>
<table id="table1" width="48%" border="1">
<tr>
<td bgcolor="#FFFFFF" width="69%">
<input type=button value="增加岗位" onclick=add()>
<input type=button value="删除岗位" onclick=del()>
</td>
</tr>
</table>
</BODY>
</HTML>

uddamd 2003-10-11

打赏
举报

在说你为什么不用ASP来实现呢？

可以直接插记录到数据库里，像这样有相同格式的东东。
用ASP是不是更简单一些呢？？

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
呵呵呵，我就是传说中的“菜鸟”

uddamd 2003-10-11

打赏
举报

有意思，但我不懂啊。
我在DW里粘了代码。
但搞不懂输入的岗位保存在那里了。
还是传给别一个页面呢？？

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
呵呵呵，我就是传说中的“菜鸟”

Nicok 2003-10-11

打赏
举报

没办法只用JSP。还有点小问题：删除能不能从下往上呢？也就是最后添加的最先删除。

Namo 2003-10-10

打赏
举报

删除的代码，这样只能删除一行，方向是从上至下。你现在把两个输入框分两行来放，得按两下删除按钮，如果放在一行里就ok了。

function del(){
var the_table = document.all("table1");
var ln = event.srcElement.parentElement.parentElement.rowIndex + 1;
the_table.deleteRow(ln);
}

Namo 2003-10-10

打赏
举报

function add()的问题：
1."<input name=gwname ...."写到"</td>"外面了，看起来没问题，一会要删除一行的时候可能会出错
2."<textarea name=gwduty cols='80' rows='8'" + i + "></textarea>"处，递增量i写错地方了。
修改后代码如下：

function add() {
var i=0;
var t = document.getElementById("table1");
t.insertRow().insertCell().innerHTML="<td bgcolor='#FFFFFF' class='a9px' width='69%'> 岗位名称： <input type=text name=gwname" + i + "></td>";
t.insertRow().insertCell().innerHTML="<td bgcolor='#FFFFFF' width='69%'> 岗位职责说明：<br><textarea name=gwduty" + i + " cols='80' rows='8'></textarea>";
i++
}

要删除那些字，得删除一行表格，就是删除<tr>...</tr>内容，我再试试，一会没解决再说。

Nicok 2003-09-25