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

Question

В моем приложении используются bootstrap, js, php. Я использовал bootstrap, чтобы получить раскрывающийся список множественного выбора. Добавление данных в первый раз работает нормально. Когда кто-то нажимает кнопку редактирования (кнопка в моем приложении), я могу извлечь информацию из базы данных и получить предварительно выбранные данные так же, как и в первый раз. Теперь, если пользователь изменяет выбор, я не могу заставить его работать. Я мог получить данные в переменную js, но проблема с установкой для нее html id. Он становится нулевым. Если я не могу назначить html id, я не могу заставить его использовать php.

$(function(){
    // $('.multi').multiselect("refresh");
    var brands;// = $('#pSpecial option:selected');
    var specials;// = [];
    $('.multi').multiselect({
        includeSelectAllOption:true,
        enableCaseInsensitiveFiltering: true,
        enableFiltering:true,
        maxHeight: '275',
        buttonWidth: '180',
        onChange: function(element, checked) {
            brands = $('#pSpecial option:selected');
            specials = [];
            $(brands).each(function(brand){
                specials.push([$(this).val()]);
            });
            console.log(specials);
            alert(specials);
            $("#pSpecial").val(specials);
            alert(document.getElementById('pSpecial').value);
        }
    });
    $('.multi').multiselect("refresh");
}); 

В моем коде нет синтаксической ошибки. не удается выполнить $("#pSpecial").val(specials);