如何在拉拉维尔的按钮单击时在表单中添加/删除文本框

Question

我有一个表单，其中有一个名为"投票选项"的字段。我希望应该添加和动态删除文本框，以便在单击按钮时提交的"投票选项"。

我知道使用 JQuery 执行此操作的方法。但是我不知道如何在laravel中实现jquery。我应该在哪个文件中转储 jquery 代码？或者除了jQuery之外还有其他方法可以实现这一点吗？
我当前的js代码包含在create.balde.php文件中。但是它不起作用。正在调用 JavaScript 块，但未附加文本框。

代码如下

<script type="text/javascript">
$(function() {
    $('.pl').click(function(e) {
        e.preventDefault();
        $('#text').append('<input type="text" style="border:1px solid red;" value="Phone" class="form-control" size="15">');
    });
    $('.mi').click(function (e) {
        e.preventDefault();
        if ($('#text input').length > 1) {
            $('#text').children().last().remove();
        }
    });
});
</script>
{!!Form::open(['route'=>'admin.poll.store'])!!}
        {!!Form::label('title','Title:')!!}
        {!!Form::text('title','',[
        'class'=>'form-control',
        'placeholder'=>'Enter a title',
        'size'=>'15'
        ])!!}
        {!!Form::label('event_id','Event Id:')!!}
        {!!Form::text('event_id','',[
        'class'=>'form-control',
        'placeholder'=>'Enter event id',
        'size'=>'15'
        ])!!}
        {!!Form::label('text','Poll Option:')!!}
        {!!Form::text('text','',[
        'class'=>'form-control',
        'placeholder'=>'Enter poll option',
        'size'=>'15'
        ])!!}

        {!!Form::button('Add more options',['class'=>'pl'])!!}
        {!!Form::button('Delete options',['class'=>'mi'])!!}
        {!!Form::submit('Create')!!}


{!!Form::close()!!}

Answer 1

您可以

简单地在视图中编写js代码。或者，您可以在public/assets/js/your-file.js中创建js文件并将js代码放在那里。

而且，从这个角度来看，你可以这样称呼它

  <script src="{{ asset('assets/js/your-file.js') }}"></script>

或者，您可以使用gulp并在那里处理您的代码。