У меня есть форма, в которой есть поле под названием «Опция опроса». Я хочу, чтобы текстовые поля были добавлены, а также удалены динамически для «Опция опроса», поданной по нажатию кнопки.
Я знаю способ сделать это с помощью 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()!!}
Вы можете просто написать свой js
код в ваших взглядах. Или вы можете создать файл JS внутри public/assets/js/your-file.js
и поместите свой код JS там.
И, с учетом этого вы можете назвать это как
<script src="{{ asset('assets/js/your-file.js') }}"></script>
или вы можете использовать gulp
и обработайте свой код там.
Других решений пока нет …