jquery动态增加与删除文件上传框

最新推荐文章于 2017-09-13 12:01:16 发布

weixin_34402090

最新推荐文章于 2017-09-13 12:01:16 发布

阅读量317

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/adamboy/blog/52785

版权

2019独角兽企业重金招聘Python工程师标准>>>

common.js:

$(function(){
    $('.add').live('click',function(){
        var _html = '<div>'+$(this).parents('div').html()+'</div>';
        $(this).parents('div').after(_html);
    })
    $('.remove').live('click',function(){
        var index = $(this).parents('div').index();
        if(index > 0){
            $(this).parents('div').remove();
        }
    })
})

index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test jquery</title>
<script src='jquery.js'></script>
<script src='common.js'></script>
<style>
form div{ margin:10px 0px;}
</style>
</head>
<body>
<form>
<div>
<input type='file' name='file' /><input type='button' class='add' value='+' /><input type='button' class='remove' value='-' />
</div>
</form>
</div>
</body>
</html>