Как загрузить изображение + код в выпадающий список из базы данных Laravel 5.7

Question

Я хочу заполнить сохраненные изображения из базы данных, чтобы заполнить раскрывающийся список. Изображения находятся в папке Airlines_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

Вы можете рассмотреть возможность использования сторонней библиотеки jQuery, такой как ddSlick

Использование

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

PS: для плагина требуется указание c формат данных

var ddData = [
    {
        text: "Tunisair",
        value: 1,
        selected: false,
        description: "Description goes here",
        imageSrc: "http://path_to_img"
    },
    {
        text: "Turkish airlines",
        value: 2,
        selected: true,
        description: "Description goes here",
        imageSrc: "http://path_to_img"
    },
    {
        text: "Lufthansa",
        value: 3,
        selected: false,
        description: "Description goes here",
        imageSrc: "http://path_to_img"
    },
    //...
];