添加后删除动态行

时间:2014-04-16 18:50:34

标签: php dynamic row

您好如何创建一个按钮来删除按钮以删除我的动态行?我试过了

这里是我的代码

   script type="text/javascript">
            var counter = 0;
            $(function(){
                $('p#add_field').click(function(){
                    counter += 1;
                    $('#container').append(
                            '<strong> No.        ' + counter + '</strong>' 
                            + 
                            '<strong>       ........................        Client ' + counter + '</strong><br />' 
                            +
                            '<input id="field_' + counter + '" name="dynfields[]' + '" type="text" />'
                            +
                            '<input id="field_' + counter + '" name="dynfieldstest[]' + '" type="text" /><br />'
); });});
       </script> 

我的表格:

  <input type="submit" name="retour"  value="retour"  />
                            </form>
                            <?php
                         mysql_close();
                        }  ?> <?php if (!isset($_POST['submit_val'])) { ?>
                            <form method="post" action="">
                                <div id="container"> 
                              <p id="add_field"><a href="#"><span>Click To Add more info</span></a></p>  </div>
                                <input type="submit" name="submit_val"  value="Submit"  />

1 个答案:

答案 0 :(得分:0)

您希望将行包装在div之类的标记中,然后您可以动态删除该元素,就像这样(如果您使用的是jquery):

<div>
    your content here...
    <button onClick="$(this).parent('div').remove()">remove</button>
</div>