禁用多个选择html中的选定选项

问题描述 投票:0回答:2

我想禁用在“选择的”列表中选择的“多重选择”上的所有选项

Ilustration

对于多重选择,我使用foreach从数据库中获得了列表:

@foreach($category as $item)
  <option value="{{$item->id}}">{{$item->name}}</option>
@endforeach

在这种情况下我能做些什么吗?我应该将列表数据库与选定的列表数据库进行比较吗?如果是,那么如何?

php laravel
2个回答
0
投票
    @foreach($category as $item)
       <option value="{{$item->id}}" {{ in_array($selected, $item->id) ? 'disabled' :'' }}>{{$item->name}}</option>
    @endforeach

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

<select class="js-example-basic-multiple" name="category []" multiple="multiple">
   @foreach($category as $item)
       <option value="{{$item->id}}" {{ in_array($selected, $item->id) ? 'selected' :'' }}>{{$item->name}}</option>
    @endforeach
</select>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
$(document).ready(function() {
    $('.js-example-basic-multiple').select2();
});
© www.soinside.com 2019 - 2024. All rights reserved.