日期:2014-05-17  浏览次数:20809 次

客户端脚本编写:改变网页内容
不会写客户端脚本,我的要求是:在网页上放两个按钮(其它控件也可以),可以动态改变网页中上传文件控件的个数(一个增加、一个减少)。即下面网页代码的数量可改变。
 上载文件: <input   type= "file "   name= "file1 "> <BR>
 上载文件: <input   type= "file "   name= "file1 "> <BR>
 上载文件: <input   type= "file "   name= "file1 "> <BR>

------解决方案--------------------
<script type= "text/javascript ">
function exec_file(n) {
var file = document.getElementById( "file_show "), div;
if (n) {
div = file.appendChild(document.createElement( "div "));
div.innerHTML = '上载文件: <input type= "file " name= "file1 "> ';
} else if (file.childNodes.length > 2 && file.childNodes[file.childNodes.length - 1].nodeType == 1)
file.removeChild(file.childNodes[file.childNodes.length - 1]);
}
</script>
<div id= "file_show "> 上载文件: <input type= "file " name= "file1 "> </div>
<button onclick= "exec_file(true) "> 添加 </button>
&nbsp;&nbsp;
<button onclick= "exec_file(false) "> 减少 </button>