網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>表單按鈕特效代碼>

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

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

<HTML>
<HEAD>
<title>動(dòng)態(tài)添加/刪除HTML元素</title>
<script   language="javascript">   
    var count= 0 ;   
    var maxfile = 5;
     增加元素
    function addUpload() {  
        if(count >= maxfile)    return;//限制最多maxfile個(gè)文件框
        count++; 
        //自增id不同的HTML對(duì)象，并附加到容器最后
        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)表單按鈕特效：

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

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

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

表單按鈕特效推薦

猜你也喜歡看這些