js动态增删附件

最新推荐文章于 2023-06-07 14:18:58 发布

高明

最新推荐文章于 2023-06-07 14:18:58 发布

阅读量569

点赞数

文章标签： stylesheet table class div input file

本文链接：https://blog.csdn.net/gaoming918/article/details/7236902

版权


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
	附件上传
</title><link href="css/css.css" rel="stylesheet" type="text/css" /><link href="css/div.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        a
        {    color: #178DE4;
        	text-decoration: underline;
        }
        a:hover
        {
            color: #178DE4;
            text-decoration: underline;
        }
        a:link{
        color:#178DE4;
        text-decoration:none;
    </style>
    <script type="text/javascript">
      function addRow()
      {
            
        var table=document.getElementById("table");
        var i=table.rows.length;
        var row=table.insertRow(i-1);
        var cell1=row.insertCell();
        cell1.setAttribute("align","left")
        cell1.innerHTML="<input type='file' name='file' />  <a href='#' οnclick='deleteRow(this)' style='font-size: 13px'> 删 除</a>";
      }
      //删除一行
      function deleteRow(obj)
      {
        obj.parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode);
      }
    </script>
<link href="../App_Themes/Skin1/skin.css" type="text/css" rel="stylesheet" /></head>
<body>
    <div>
        <div class="top">
        </div>
        <div id="header">
        </div>
        <div id="contain">
            <div class="contain_top">
                <ul>
                    <li class="c">上传附件</li>
                </ul>
            </div>
            <div class="contain_table">
                <form id="form" method="post" enctype="multipart/form-data">
                <table id="table" width="100%" border="0" cellpadding="0" class="nb">
                    <tr>
                        <td align="left" valign="top">
                            <input type="file" name="file" />
                                <a href="javascript:addRow()" style="font-size: 13px">添 加 </a>
                        </td>
                    </tr>
                    <tr>
                        <td align="left">
                            <input type="submit" value=" 上 传 " name="submit" />
                        </td>
                    </tr>
                </table>
                </form>
            </div>
        </div>
    </div>
</body>

</html>

高明

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js动态增删附件

附件上传 a { color: #178DE4; text-decoration: underline; } a:hover { color: #178DE4; text-decoration: underline; }
复制链接

扫一扫