网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> Javascript >> 正文
最新文章
· Jquery插件原来就这么简单
· 21个值得收藏的Javascript技巧
· JavaScript中的原型和继承
· JS对select动态添加options操作
· js获取表单值的两种方法
· 关闭网页弹出加入收藏,刷新不弹出加
· 如何判断是关闭还是刷新网页
· 命名JavaSript函数名时注意
· javascript中的setAttribute()浏览器
· JS实现IE6下PNG图片透明且链接正常的
热门文章
 JS实现两个页面传值
 实现对文字自动排版的网页特效
 JS获取指定ID标签之间的内容
 JS实现IE6下PNG图片透明且链接正常
 JS计数器
 通过js改变页面中元素的内容
 js切换文本框的只读与可写的动态切
 JS实现cookie的添加、获取、删除
 js在线编辑器常用函数大全
 javascript中的setAttribute()浏览
相关文章
没有相关文章
js 实现动态添加多个附件
来源:畅无忧设计 更新时间:2010/4/13 20:07:27 阅读次数:
字体:[ ] 我要投稿

效果图:

 


代码:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'upload.jsp' starting page</title>
   
    <script type="text/javascript">
        function AddMore(){
            var more = document.getElementById("file");
            var br = document.createElement("br");
            var input = document.createElement("input");
            var button = document.createElement("input");
           
            input.type = "file";
            input.name = "file";
           
            button.type = "button";
            button.value = "删除";
           
            more.appendChild(br);
            more.appendChild(input);
            more.appendChild(button);
           
            button.onclick = function(){
                more.removeChild(br);
                more.removeChild(input);
                more.removeChild(button);
            };
        }
    </script>
</head>

<body>
    <s:form action="upload" method="post" theme="simple" enctype="multipart/form-data">
    <table border="1" width="50%">
        <tr>
            <td>用户名:</td>
            <td><s:textfield name="username" label="用户名"></s:textfield></td>
        </tr>
        <tr>
            <td>附件:</td>
            <td id="file">
            <s:file name="file" label="文件"></s:file>
            <input type="button" value="增加附件" onclick="AddMore()">
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
            <s:submit value="提交" ></s:submit></td>
        </tr>
    </table>   
    </s:form>
</body>
</html>

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号