Обновить/добавить значения в несколько полей select2 после вызова ajax

Я пытаюсь добавить значения в поле select2 (множественный выбор) после выполнения вызова ajax. Я ищу решение и нахожу этот вопрос: Динамически добавить элемента управления jQuery Select2, использующего AJAX

Это мой JS:

$scope.addProjectType = function(name) {
        $http.post('/ajax/projecttype/addprojecttype', {
            name: name
        }).success(function(data, status, headers, config) {
            $("#projectTypes").select2('data', {
                id: 1, name: 'test'
            })
        });
    }

Все в порядке, но при выполнении функции успеха ajax это дает мне ошибку

Ошибка: state_id.split не является функцией format@http://ttos2.localhost/vendor/assets/global/js/plugins.js:269:31 i‹.addSelectedChoice@http://ttos2.localhost/vendor/assets/global/plugins/select2/select2.min.js:6:54786 i‹.updateSelection/‹@http://ttos2.localhost/vendor/assets/global/plugins/select2/select2.min.js:6:53377

Что я здесь делаю неправильно?


javascript jquery ajax select2
person goldlife    schedule 15.01.2016    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вот как это работает...:

$scope.addProjectType = function(name) {
            $http.post('/ajax/projecttype/addprojecttype', {
                name: name
            }).success(function(data, status, headers, config) {
                $("#projectTypes").append('<option value="' + data.id + '">' + data.name + '</option>');

                // get a list of selected values if any - or create an empty array
                var selectedValues = $("#projectTypes").val();
                if (selectedValues == null) {
                    selectedValues = new Array();
                }
                selectedValues.push(data.id);   // add the newly created option to the list of selected items
                $("#projectTypes").val(selectedValues).trigger('change');   // have select2 do it's thing
            });
        }
person goldlife    schedule 15.01.2016