单击按钮时附加新文本字段并通过单击 Laravel 4 中的按钮删除

Posted 2023-03-14

【中文标题】单击按钮时附加新文本字段并通过单击 Laravel 4 中的按钮删除

【英文标题】：Append new text field while clicking a button and remove by clicking button in Laravel 4

【发布时间】：2015-01-29 12:59:33

【问题描述】：

我有一个包含两个字段的表单，例如电话、电子邮件，如下图所示。

当我点击 plus 按钮时，我想在按钮下方的表单中附加一个额外的文本字段。我想在单击 减号 按钮时删除文本字段。

动态添加字段并为其设置唯一名称。我需要将这些数据插入表中。

我的 html 代码如下所示..

 <div class="RegSpLeft"><input type="text" value="Phone"></div>

 <div class="RegSpRight"> <a href="#"><img src="images/plus.png"></a> <a href="#"><img src="images/minus.png"></a> </div>

【问题讨论】：

你没有问问题，你到底遇到了什么问题？

要添加文本框，您需要 jQuery 或 javascript，因为它是客户端更改而无需刷新页面

@Jishad 低于解决方案。

【参考方案1】：

这可能会对你有所帮助。

<div class="RegSpLeft" id="phone">
        <input type="text" value="Phone">
    </div>

    <div class="RegSpRight">
        <a href="#" class="pl">+
        </a>
        <br/>
        <a href="#" class="mi">-
        </a>
    </div>

<script type="text/javascript" src="dist/js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript">
    $(function() 
        $('a.pl').click(function(e) 
            e.preventDefault();
            $('#phone').append('<input type="text" value="Phone">');
        );
        $('a.mi').click(function (e) 
            e.preventDefault();
            if ($('#phone input').length > 1) 
                $('#phone').children().last().remove();
            
        );
    );
    </script>

【讨论】：

感谢它的工作..！但是如何为文本字段动态添加名称。 ?

需要创建输入类型数组