这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JavaScript 设置表单上传时文件个数的方法, 可实现动态增加及删除表单上传按钮的功能, 非常简单实用, 需要的朋友可以参考下
本文实例讲述了 JavaScript 设置表单上传时文件个数的方法。分享给大家供大家参考。具体如下:
这是一个比较实用的功能,用 JavaScript 来设置表单上传文件时,根据需要生成上传表单,要几个生成几个,在网易邮箱、新浪邮箱的添加附件功能里都有这种功能,不过这一款没有删除表单的功能,如果输入的多了,只好重新来过啦
运行效果如下图所示:
具体代码如下:
- <title>JavaScript设置表单上传时的文件个数</title>
- <input type="button" name="button" value="添加附件" onclick="addInput()">
- <input type="button" name="button" value="删除附件" onclick="deleteInput()">
- <span id="upload"></span>
- <script type="text/javascript">
- var attachname = "attach";
- var i=1;
- function addInput(){
- if(i>0){
- var attach = attachname + i ;
- if(createInput(attach))
- i=i+1;
- }
- }
- function deleteInput(){
- if(i>1){
- i=i-1;
- if(!removeInput())
- i=i+1;
- }
- }
- function createInput(nm){
- var aElement=document.createElement("input");
- aElement.name=nm;
- aElement.id=nm;
- aElement.type="file";
- aElement.size="50";
- //aElement.value="thanks";
- //aElement.onclick=Function("asdf()");
- if(document.getElementById("upload").appendChild(aElement) == null)
- return false;
- return true;
- }
- function removeInput(nm){
- var aElement = document.getElementById("upload");
- if(aElement.removeChild(aElement.lastChild) == null)
- return false;
- return true;
- }
- </script>
希望本文所述对大家的 javascript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0410/269995.html