如何将图像+代码加载到数据库Laravel 5.7的下拉列表中

Question

我想从数据库中填充存储的图像以填充下拉列表，图像位于airline_images文件夹中，图像路径存储在数据库中，我希望用户在单击航空公司下拉列表时会显示存储的飞机及其图像

这是刀片代码：

<div class="form-group col-md-2">
   <label>@lang('site.airline')</label>
   <select class="form-control select2 status-type" style="width: 100%;"
      name="airline"
      id="airline">
      @foreach ($airlines as $airline)
      <option value="{{ $airline->code }}">{{ $airline->name }} <img src="{{ $airline->image_path }}" style="width: 100px" class="img-thumbnail" alt="">
      </option>
      @endforeach
   </select>
</div>

Answer 1

[您可以考虑使用ddSlick之类的第三方jQuery库

用法

$('select#airline').ddslick({
    data: ddData,
    width: '100%',
    imagePosition: "left",
    selectText: "Select your favorite airline",
    onSelected: function (data) {
        console.log(data);
    }
});