Как динамически добавлять новые значения в список с помощью select2 в ASP .NET MVC 5 и передавать его в контроллер?

Question

Я использую select2 'tags: true', чтобы добавить новые значения в существующий список. Но я не могу получить новое добавленное значение, так как оно не возвращает значение контроллеру при HttpPost. Как я могу получить эту новую добавленную стоимость в контроллере?

Код списка:

@Html.ListBoxFor(model => model.SelectedIds, Model.Categories, htmlAttributes: new { @class = "js-multiple" } )

секция скрипта:

$(document).ready(function() {
$('.js-multiple').select2({tags:true});});

Model.Categories извлекает значения из базы данных и заполняет список. Когда я добавляю новое значение в список и нажимаю кнопку отправки (HttpPost), никакие значения не передаются контроллеру. Я хочу передать выбранные элементы списка контроллеру, чтобы я мог добавить вновь добавленное значение в базу данных.

Answer 1

вы должны получить свои данные с помощью ajax и установить данные для select2, посмотрите этот пример:

function GetCityBranch(provinceid) {
$.ajax({
    type: 'GET',
    url: '/Suppliers/Supplier/GetCity',
    data: { "provinceid": provinceid },
    dataType: 'json',
    success: function (data) {
        $("#BranchCityId").empty();

        array = data;
        $("#BranchCityId").select2({
            data: data
        });
    },
    error: function () {
    }
});

}