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

最新推荐文章于 2021-04-15 11:16:27 发布

白菜1031

最新推荐文章于 2021-04-15 11:16:27 发布

阅读量1k

点赞数

分类专栏： php JS 文章标签： jquery php

本文链接：https://blog.csdn.net/qq_16885135/article/details/52693865

版权

php 同时被 2 个专栏收录

35 篇文章 0 订阅

订阅专栏

7 篇文章 0 订阅

订阅专栏

<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>