js控制表单增删(文件上传页面端)

<%@ page language="java" pageEncoding="GB18030"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>

        <title>My JSP 'supload.jsp' starting page</title>

        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

<script type="text/javascript">
function addMore()
{
    var td=document.getElementById("more");
   
    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="remove";
   
    button.onclick=function()
    {
        td.removeChild(br);
        td.removeChild(input);
        td.removeChild(button);
    }
   
    td.appendChild(br);
    td.appendChild(input);
    td.appendChild(button);
}
</script>
    </head>

    <body>
   
    <table align="center" width="50%" >

                <tr>
                    <td>
                        <s:fielderror cssStyle="color:red"/>
                    </td>
                   
                </tr>
    </table>
        <s:form action="upload" theme="simple" enctype="multipart/form-data">

            <table align="center" width="50%" border="1">

                <tr>
                    <td>
                        username
                    </td>
                    <td>
                        <s:textfield name="username" ></s:textfield>
                    </td>
                </tr>

                <tr>
                    <td>
                        password
                    </td>
                    <td>
                        <s:password name="password" ></s:password>
                    </td>
                </tr>
               
                <tr>
                    <td >
                        file
                    </td>
                    <td id="more">
                        <s:file name="file"></s:file>
                        <input type="button" value="More" OnClick="addMore()">
                    </td>
                </tr>
               
                <tr>
                    <td>
                        <s:submit value="submit"></s:submit>
                    </td>
                    <td>
                        <s:reset value="reset"></s:reset>
                    </td>
                </tr>
               
            </table>
        </s:form>
    </body>
</html>
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值