可搜索的下拉值在 laravel 8 中不起作用

Question

我正在尝试使用可搜索选项 select2 从 DB 值创建组织下拉列表。对于这个，我使用表单 select 并且我的可搜索功能不起作用。没有错误，只是不工作。我尝试导入 select2 脚本，但仍然没有任何反应。我想知道哪里出了问题。

这是我的看法blade。

<div class="form-group row">
{!! Form::Label('organisation_id', 'Organisasi') !!}
 {!! Form::select('organisation_id', $organisation, 1, ['class' => 'select2 form-control ','name'=>'organisation']) !!}
 @if ($errors->has('organisation_id'))
 <span class="text-danger">{{ $errors->first('organisation_id') }}</span>
   @endif
</div>

<script>
$(organisation).ready(function() {
$('.select2').select2();
});

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
</script>

Answer 1

我认为您想将 jQuery 代码更改为：

$(document).ready(function() {
    $('.select2').select2();
});

这将在任何具有 class 或 'select2' 的元素上初始化您的 select2 插件。

Answer 2

已解决！

首先我导入了我的 CDN jquery:

CSS/Stylesheet:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">

脚本：

 <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

对于我的观点，Blade 只需更改为这个

<script>
 $(document).ready(function() {
 console.log('');
 $('.select2').select2();
 });
</script>

效果很好

可搜索的下拉值在 laravel 8 中不起作用

Searchable dropdown value is not working in laravel 8

jquery

php-7.4

laravel-8