Как в select 2 делать поиск по option и выводить optgroup?

Question

[olegxxxl]

Имеется Select

<select class="livesearch form-control p-3" name="region_id">
                                    <option value="">Выберите район</option>
                                        <optgroup label="Москва">
                                                <option>
                                                    Район 1
                                                </option>
                                                  <option>
                                                    Район 2
                                                </option>
                                        </optgroup>
 <optgroup label="Омск">
                                                <option>
                                                    Район 1
                                                </option>
                                                  <option>
                                                    Район 2
                                                </option>
                                        </optgroup>
                                </select>

Вопрос, как можно сделать, что бы был поиск по городу и выводились все optgroup города ? В данный момент он ищет у меня и по названию города и по названию района. То есть если введу Район1, выведет и Москва и Омск. Мне же нужно что бы при вводе Москва - Вывел Район1. Район2.

Запускаю скрипт с дефолтными значениями
$('.livesearch').select2();

Answer 1

[Alfieros]

А что выдаёт при вводе Москва? Добавьте группу Омск район 3. И так же проверьте по поиску Омск, что вам выдаст?
Вы ввели идентичные название и по названию и по кол-ву, как вы поймете, что поиск работает корректно? Измените название районов, к примеру на Московский район 1 и Омский район 1.

Comments

[olegxxxl]

Скорее всего я не правильно сформулировал вопрос. Мне нужно что бы при вводе Москва - выводились районы Москвы. Сейчас же у меня ищет вообще по любому совпадению. Сейчас при ввода Москва выдает просто Москву, районы не выводит.

[Alfieros]

olegxxxl, добавьте в option value="значение", и проверьте.

[olegxxxl]

Alfieros,

<select class="livesearch form-control p-3" name="region_id">
                                    <option value="">Выберите район</option>
                                    @foreach ($cities as $city)
                                        <optgroup label="{{ $city->name }}">
                                            @foreach ($city->regions as $region)
                                                <option
                                                    value="{{ $region->id }}">
                                                    {{ $region->name }}
                                                </option>

                                            @endforeach
                                        </optgroup>
                                    @endforeach
                                </select>

Не могу так сделать, т.к верстка такого типа

[Alfieros]

olegxxxl, Вам в саму модель City нужно дописать ф-цию поиска по данной таблице.

[Alfieros]

olegxxxl, попробуйте так записать.

В контроллере добавить
$cities= City::pluck('name', 'id');
в блейде так записать

<select class="livesearch form-control p-3 select2 {{ $errors->has('cities') ? 'is-invalid' : '' }}" name="cities[]" id="cities" multiple>
    @foreach($cities as $id => $city)
         <option value="{{ $id }}" {{ in_array($id, old('cities', [])) ? 'selected' : '' }}>{{ $city->name}}</option>
     @endforeach
</select>