如何添加/刪除表單上的文本框在按鈕上單擊laravel？

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有處理你的代碼。