Выбор из Select2 Placeholder и входных скрытых [закрыто] ⇐ Javascript

[Anonymous]

: создает флажок, где пользователь может выбрать несколько параметров
(из -за нескольких атрибутов). Классы управления формой и
form Select взяты от Bootstrap для стиля.
: определяет опцию внутри. value = "{{value_id}}" - отправленное значение, а {{value}} - это видимый текст
. Выбранный атрибут предупреждает эту опцию.
: невидимое поле ввода, в котором хранится данные (data-id, data-value1, data-value2), передаваемое из бэкэнда
(указано {{...}}). Id = "target" используется JavaScript для
доступа к этим данным. < /Li>
< /ol>
{{ VALUE }} [/code]
´´´
// Populating Select2 with pre-loaded data
// Example:
const info = $('#target');
const id = info.data('id');

if (info.data) {
const data_id_ipnut = info.data('$_->valuephpID');
const data_input1 = info.data('$_->valuephp1');
const data_input2 = info.data('$_->valuephp2');
const text = `${data_id_ipnut}`; //'${data_input1} (${data_input2})'

//const newOption = new Option(text, id, true, true);
//$('#ID_SELECT').append(newOption).trigger('change');
}

// Placeholder modify change select2
// This 'language' object needs to be part of an options object for Select2.
// Example of how it's typically used:
/*
$('#ID_Select').select2({
placeholder: 'Select an option', // Example placeholder
language: {
noResults: () => { return 'message.'; },
escapeMarkup: (markup) => { return markup; }
},
// ajax: { ... } // If you have AJAX data loading
});
*/
´´´
< /code>

JavaScript, используя jQuery, сначала считывает данные с ввода Hidden

. Эти данные затем используются для возможности заполнения или манипулирования
, что будет преобразовано с помощью инициализации SELECT2 (как
на комментированный код). Раздел языка в конфигурации select2

позволяет настроить такие сообщения, как «нет результатов

найдено» и поведение рендеринга HTML. < /Li>
< /ol>

Подробнее здесь: https://stackoverflow.com/questions/796 ... put-hidden