Question

我有一个表格，其中有一个名为＆＃34; Poll Option＆＃34;的字段。我希望动态删除文本框以及＆＃34; Poll Option＆＃34;按下按钮提交。

我知道使用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并在那里处理您的代码。

如何在laravel中单击按钮时添加/删除表单中的文本框？

1 个答案: