您的位置:首页 > Web前端 > JQuery

jquery + php动态添加删除表单的方法

2016-09-28 21:08 218 查看
<button id='insertButton' onClick='addResource()'>增加</button>
<?php ob_start();?>
<div>
<div>
<input name='Resource["url"][]' placeholder="下载链接" type="text">
</div>
<div>
<input name='Resource["note"][]' placeholder="密码" type="text">
</div>
<div>
<button onClick='deleteSelf(jQuery(this))'>删除</button>
</div>
</div>
<div id='add-content' value='<?= json_encode(ob_get_clean());?>'></div>

<script>
var resourceInput = $('#add-content').val();

function addResource(){
$('#insertButton').after(resourceInput);
}
function deleteSelf(obj) {
obj.parent('div').parent('div').remove();
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery php