JavaScript 動態(tài)刪除/添加HTML表單元素_表單按鈕特效

這是一個(gè)利用JavaScript動態(tài)添加/刪除HTML元素的實(shí)例，這里被動態(tài)添加、刪除的是表單元素，一個(gè)文件上傳域，使用JS控制自動添加，你一些郵箱添加附件的功能一樣，同時(shí)也可以動態(tài)刪除，比較常用了。

<HTML>
<HEAD>
<title>動態(tài)添加/刪除HTML元素</title>
<script   language="javascript">   
    var count= 0 ;   
    var maxfile = 5;
     增加元素
    function addUpload() {  
        if(count >= maxfile)    return;//限制最多maxfile個(gè)文件框
        count++; 
        //自增id不同的HTML對象，并附加到容器最后
        var newDiv =  "<div id=divUpload" + count +">"
            + " <input id=file" + count + " type=file size=50 name=upload>"
            + " <a href=javascript:delUpload('divUpload" + count + "');>刪除</a>"
            + " </div>";   
          document.getElementById("uploadContent").insertAdjacentHTML("beforeEnd", newDiv);     
    }   
    //刪除指定元素
    function delUpload(diva) {  
        count--; 
        document.getElementById(diva).parentNode.removeChild(document.getElementById(diva));   
    }   
  </script>
</HEAD>
<body   MS_POSITIONING="GridLayout">
<form   id="Form1"   method="post"   runat="server"   enctype="multipart/form-data">
  <div>
    <table>
      <tr>
        <td   id="tdRrmove"   width="2000">
        
        <div id="uploadContent">
            
        </div>
        </td>
      </tr>
    </table>
  </div>
  <a href="javascript:addUpload()">添加附件</a>
  <br/>
  <br/>
</form>
</body>
</HTML>

所屬頻道：表單按鈕特效/更新時(shí)間：2012-12-03

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)表單按鈕特效：

表單按鈕特效Rss訂閱特效代碼搜索

表單按鈕特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索JavaScript 動態(tài)刪除/添加HTML表單元素
特效說明：
表單按鈕模板-JavaScript 動態(tài)刪除/添加HTML表單元素。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

JavaScript 動態(tài)刪除/添加HTML表單元素_表單按鈕特效

表單按鈕特效Rss訂閱特效代碼搜索

表單按鈕特效推薦

猜你也喜歡看這些