Laravel 8 中的 jQuery Select2

Question

我不知道问题出在哪里

这是select2的返回：

这是我的代码 HTML：

<div class="row">
    <div class="col-sm-12 form-group">
        <label class="form-label-bold">Jenis</label>
        <select class="select2 form-control" id="type" required>
            <option value="">Pilih</option>
            <option value="1">Head Office</option>
            <option value="2">Branch Office</option>
        </select>
    </div>
</div>

和我的 jQuery：

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
    $('.select2').select2({})
})
</script>

这是 cdn CSS：

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />

Answer 1

您必须在选择标签中给出“多个”才能获得多个选择。

<select class="select2 form-control" id="type" multiple required>
        <option value="">Pilih</option>
        <option value="1">Head Office</option>
        <option value="2">Branch Office</option>
</select>

Answer 2

您还需要包含 select2 的脚本标签