javascript的页面元素动态添加和删除
[ 2004-12-27 03:00:03 | 作者: dodo ]
removeNode,FF不支持,所以自己写了一个函数,现在IE,FF都支持了
永久地址: /feed.asp?q=comment&id=114
引用
<form action="voteedit" method="post" name="form1">
<div class="contentt"></div><div class="contentm">
<div class="padd">
<p><strong>修改投票</strong></p>
<table id="DocList">
<tr><th>主题:</th><td><input type="text" name="title" size="46" value="asdfasdf" />
<font color=red></font>
<input type="hidden" value="6" name="oid"></td></tr>
<tr><th>类型:</th><td><input type="radio" name="type" value="1" checked>单选<input type="radio" name="type" value="0" >多选</td></tr>
<font color=red></font>
<tr><th>投票选项:</th><td><input type="text" name="name" size="36" value="sdfsdf" />
<input type="hidden" name="infoId" value=64></td></tr>
<tr><th>投票选项:</th><td><input type="text" name="name" size="36" value="sfsdf" />
<input type="hidden" name="infoId" value=63></td></tr>
<input type="hidden" value="1" name="status">
<input type="hidden" value="6" name="voteId">
</table>
<input value="增加投票选项" type="button" onclick="FInsert()">
<input value="减少投票选项" type="button" onclick="FDelete()">
</p>
<script>
function FInsert()
{
var _row = document.getElementById("DocList").rows[2].cloneNode(true);
document.getElementById("DocList").rows[2].parentNode.appendChild( _row );
var newrow = document.getElementById("DocList").rows.length - 1;
document.getElementById("DocList").rows[newrow].cells[1].childNodes[0].value="";
document.getElementById("DocList").rows[newrow].cells[0].innerHTML="投票选项其他:";
}
function FDelete()
{
if ( document.getElementById("DocList").rows.length > 4 )
{
document.getElementById("DocList").rows[document.getElementById("DocList").rows.length - 1].cells[0].innerHTML=""
removeNode(document.getElementById("DocList").rows[document.getElementById("DocList").rows.length - 1])
}
else
{
alert("投票选项至少要有两项");
}
}
function removeNode(n){
if(n.hasChildNodes()){
for(var i=0;i<n.childNodes.length-1;i++){
n.parentNode.insertBefore(n.childNodes[i].cloneNode(true),n);
}
}
n.parentNode.removeChild(n);
}
</script>
</div>
</div>
<div class="contentb"></div><br />
<div class="submit">
<a href="#" onclick="document.form1.submit();return false;"> 修改投票</a></div>
</form>
<div class="contentt"></div><div class="contentm">
<div class="padd">
<p><strong>修改投票</strong></p>
<table id="DocList">
<tr><th>主题:</th><td><input type="text" name="title" size="46" value="asdfasdf" />
<font color=red></font>
<input type="hidden" value="6" name="oid"></td></tr>
<tr><th>类型:</th><td><input type="radio" name="type" value="1" checked>单选<input type="radio" name="type" value="0" >多选</td></tr>
<font color=red></font>
<tr><th>投票选项:</th><td><input type="text" name="name" size="36" value="sdfsdf" />
<input type="hidden" name="infoId" value=64></td></tr>
<tr><th>投票选项:</th><td><input type="text" name="name" size="36" value="sfsdf" />
<input type="hidden" name="infoId" value=63></td></tr>
<input type="hidden" value="1" name="status">
<input type="hidden" value="6" name="voteId">
</table>
<input value="增加投票选项" type="button" onclick="FInsert()">
<input value="减少投票选项" type="button" onclick="FDelete()">
</p>
<script>
function FInsert()
{
var _row = document.getElementById("DocList").rows[2].cloneNode(true);
document.getElementById("DocList").rows[2].parentNode.appendChild( _row );
var newrow = document.getElementById("DocList").rows.length - 1;
document.getElementById("DocList").rows[newrow].cells[1].childNodes[0].value="";
document.getElementById("DocList").rows[newrow].cells[0].innerHTML="投票选项其他:";
}
function FDelete()
{
if ( document.getElementById("DocList").rows.length > 4 )
{
document.getElementById("DocList").rows[document.getElementById("DocList").rows.length - 1].cells[0].innerHTML=""
removeNode(document.getElementById("DocList").rows[document.getElementById("DocList").rows.length - 1])
}
else
{
alert("投票选项至少要有两项");
}
}
function removeNode(n){
if(n.hasChildNodes()){
for(var i=0;i<n.childNodes.length-1;i++){
n.parentNode.insertBefore(n.childNodes[i].cloneNode(true),n);
}
}
n.parentNode.removeChild(n);
}
</script>
</div>
</div>
<div class="contentb"></div><br />
<div class="submit">
<a href="#" onclick="document.form1.submit();return false;"> 修改投票</a></div>
</form>
[最后编辑于 dodo, at 2005-12-27 03:01:05]
永久地址: /feed.asp?q=comment&id=114
浏览模式: 阅读全文 |
评论: 2 |
引用: 199 | Toggle Order | 阅读: 6115
[ 2010-06-09 09:01:48 ]






