// 动态添加DOM元素，需要对DOM进行 *** 作，不太清楚你对JQ了解如何，JQ会比较简单些；
//html代码
<html><body>
<button onclick="addRow()">添加</button> 
<button onclick="deleteRow()">删除</button>
<div id="domOperate">
<!-- dom *** 作放在该DIV中进行 -->
</div>
</body>
</html>
//js代码，要先引入jquery.js
<script type="text/javascript" src="" ></script>//这里引入jquery插件<script type="text/javascrpt">
//设置DOM *** 作父级元素
var $target = $('#domOperate')
//设置需要添加元素的模版
var $addRow = $('<div class="row"><select><option value="1">下拉框</option></select><input type="text" name="inputDom" /></div>')
//添加方法
var addRow = function(){
//对目标区域添加一行
$target.append($addRow)
}
//移除方法，此处移除最后一个添加的
var deleteRow = function(){
if($target.find('.row').length > 0){//判断是否还有添加的元素
$target.find('.row:last-child').remove()//找到最后一个删除
}else{
alert('已经没有可以删除的了')//此处也可以禁用按钮
}
}
</script>
在添加新记录时 有时候我们需要将部分动态内容自动添加到指定的文本域 例如上传一个文件后 将文件名自动添加到一个独立的记录框内 以ASP代码为例 以下代码实现了此功能 代码解释: 这个行为是在打开的子窗口中实现的 先使用条件判断决定执行顺序 若条件满足 即向父窗口中名为 mainform 的表单的文本域插入值(文本域名为content) 然后关闭打开的子窗口 lishixinzhi/Article/program/Java/JSP/201311/19716
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）