HTML页面动态增加下拉列表，求定位删除方法

最新推荐文章于 2023-04-20 15:16:52 发布

pijiuxiang

最新推荐文章于 2023-04-20 15:16:52 发布

阅读量218

点赞数

文章标签： HTML 动态增加定位删除

本文链接：https://blog.csdn.net/pijiuxiang/article/details/84448962

版权

在页面上动态的增加下拉列表，也可以动态增加其他元素
缺点是删除的时候，只能从后往前删除，不知哪位大神有方法实现定位删除
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">

LastTableID = 0;

function add() {
LastTableID = LastTableID + 1;

adTable = document.getElementById('atb_' + LastTableID);
if (adTable != null) {
adTable.style.display = "block";
}
else {
str = '<table id="atb_' + LastTableID + '" style="display:block">';
str = str + '<tr height="25" align=center valign=middle bgcolor=#FFFFFF>';
str = str + '<td width="70"><select id="select1_' + LastTableID + '"></select></td>';
str = str + '</tr></table>';
window.upid.innerHTML += str + '';
}
}

function dellast() {

//alert(LastTableID);

if (LastTableID > 0) {

deleTable = document.getElementById('atb_' + LastTableID);

if (deleTable != null) {

deleTable.style.display = "none";

LastTableID = LastTableID - 1;
}
}

}
</script>
</head>
<body> 7
<form name="myform">
<table>
<tr>
<td>
<input name="Submit2" type="button" οnclick="javascript:add()" value="增加">
<input type="button" name="del" οnclick="javascript:dellast()" value="删除">
</td>
</tr>
<tr>
<td>
<div id="upid"></div>
</td>
</tr>
</table>
</form>
</body>
</html>

pijiuxiang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML页面动态增加下拉列表，求定位删除方法

在页面上动态的增加下拉列表，也可以动态增加其他元素缺点是删除的时候，只能从后往前删除，不知哪位大神有方法实现定位删除 Untitled Document LastTableID = 0; function add() { LastTableID = LastTableID +...
复制链接

扫一扫