Добавьте дополнительный текст рядом с несколькими выбранными данными Select2 - PullRequest
Новая
       10

Добавьте дополнительный текст рядом с несколькими выбранными данными Select2

0 голосов
/ 07 апреля 2020

Я выбираю Select2 multi. У выбранных продуктов есть цена, и я хочу, чтобы люди ее видели. Но я хочу получить это (data-price = "5.00") отсюда. Как я могу добавить это?

Так что именно я хочу сделать;

So exactly what I want to do;

Форма, которая мне кажется;

The shape that appears to me;

  • Özellik 1 (5)
  • Özellik 1 (1) 

<select multiple="" data-placeholder="Ekstra Malzeme Seçin.." class="ekstra form-control" name="coklu[]" data-select2-id="1" tabindex="-1" aria-hidden="true">
        <option value="Özellik 1" data-price="5" data-select2-id="12">Özellik 1 </option>
        <option value="Özellik 2" data-price="1" data-select2-id="13">Özellik 2 </option>
</select>



$('.ekstra').select2();

1 Ответ

1 голос
/ 07 апреля 2020

Используйте параметр templateSelection для передачи пользовательского средства визуализации. Данный параметр state содержит текст (state.text) и указанные атрибуты данных (state.element.dataset ('price')) 

$('.ekstra').select2({
    templateSelection: function (state) {
        return $(
            '<span>' + state.text + ' ' + state.element.dataset['price'] + ' TL</span>'
        );
    }
});

Дополнительные параметры см. https://select2.org/configuration/options-api

...