wie man ein Textfeld im Formular auf Knopfdruck in Laravel hinzufügen/löschen?

Question

Ich habe ein Formular, in dem ein Feld namens "Poll-Option" ist. Ich möchte, dass die Textfelder hinzugefügt werden sowie dynamisch gelöscht werden für "Umfrage-Option", die auf Knopfdruck archiviert wird.

Ich kenne die Art, dies mit JQuery zu tun. Aber ich weiß nicht, wie man jQuery in Laravel implementiert. In welcher Datei sollte ich den Jquery-Code ausgeben? Oder gibt es einen anderen Weg als jQuery, um dies zu erreichen?
Mein aktueller Js-Code ist in der create.balde.php-Datei enthalten. Aber es funktioniert nicht. Der JavaScript-Block wird aufgerufen, aber die Textbox wird nicht angehängt.

Der Code ist wie unten

<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

Sie können einfach Ihre js Code in Ihre Ansichten schreiben. Oder Sie können Js-Datei innerhalb public/assets/js/your-file.js erstellen und Ihren Js-Code dort ablegen.

Und angesichts können Sie es nennen wie

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

oder Sie gulp verwenden und den Code dort zu behandeln.