Как добавить / удалить текстовое поле в форме по нажатию кнопки в Laravel?

У меня есть форма, в которой есть поле под названием «Опция опроса». Я хочу, чтобы текстовые поля были добавлены, а также удалены динамически для «Опция опроса», поданной по нажатию кнопки.

Я знаю способ сделать это с помощью JQuery. Но я не знаю, как реализовать jquery в laravel. В какой файл я должен дамп код 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()!!}

0

Решение

Вы можете просто написать свой js код в ваших взглядах. Или вы можете создать файл JS внутри public/assets/js/your-file.js и поместите свой код JS там.

И, с учетом этого вы можете назвать это как

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

или вы можете использовать gulp и обработайте свой код там.

0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector