具有bootstraper和laravel的动态多输入表单字段

Question

我希望使用laravel的Bootstrapper创建一个动态多输入表单字段：

http://www.bootply.com/xnSS5NtHZM

如果用户按下加号按钮，那么这两个字段将再次出现在下面。在我的资源控制器的store()方法中，我将整个Gizmo作为json保存到数据库中。

我希望我可以使用（大多数）bootstrapper和简单的jquery来实现这一点。快速做到并且脏并不难，但我正在尝试获得一个我没有的清洁解决方案。

我使用bootstrapper的当前代码：

{{
    ControlGroup::generate(
        Form::label('links', 'URLs'),
        [
            ['input' => ['type' => 'text', 'link_title', 'Title']],
            ['input' => ['type' => 'text', 'link_value', 'URL']],
        ]
    )
}}

Answer 1

这应该给你基本的概念。它使用jQuery clone方法获取HTML数据的副本，然后将其附加到下面。

http://www.bootply.com/9Jn9Uc8clj#