现在的位置: 首页 > 综合 > 正文

Jquery 动态添加上传及删除元素

2018年04月14日 ⁄ 综合 ⁄ 共 541字 ⁄ 字号 评论关闭

 

<html>

<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(":input[type=button][value=more]").bind("click",function(){
       var $br = $("<br />");
       var $file = $("<input type='file' name='name1' />");
       var $button = $("<input type='button' value='delete'>");
       $(this).after($file).after($button).after($br);
       $button.bind("click",function(){
           $br.remove();
           $file.remove();
           $button.remove();
       })
  })
});
</script>
</head>

<body>
<input type="file" name="file1" /><input type="button" value="more" />
</body>

</html> 

抱歉!评论已关闭.