Как загрузить дополнительный выбранный вариант после загрузки страницы просмотра?

Question

Ну, я столкнулся с некоторыми трудностями, чтобы добавить дополнительную опцию после полной загрузки страницы для Chosen. Он отлично работает, когда я привязываю значения до загрузки страницы. Но после полной загрузки страницы его невозможно добавить значения в chosen также на картинке Здесь я выберу проект, а затем на основе проекта список цессионариев будет поступать от ajax. Но я не уверен, что могу добавить этого правопреемника в этот выбранный список. Я использовал этот тип javascript добавить значения в выбранном списке

$('.chosen-results').append("<li class='active-result' data-option-array-index='10'>Buddy</li>") 

Это просто добавить значение в списке, но этот список не может быть выбран. Когда я нажимаю на новую добавленную опцию, она исчезает и исчезает. Мне плохо нужно правильное решение этого, я очень устал решать эту проблему. Пожалуйста помоги.

Answer 1

Вам нужно добавить option к select элементу. Не нужно добавлять li к выбранному результату. После этого используйте chosen:updated событие для повторной сборки.

var selectElem = $("select"); 

//Append option 
selectElem.append($("<option>", { 
    value : "new Value", 
    text: "Buddy" 
}); 

//Update 
selectElem.trigger("chosen:updated"); 

Answer 2

первый добавить опцию

$('.chosen-results').append("<li class='active-result' data-option-array-index='10'>Buddy</li>") 

Вы уверены, что это li?

второй триггер liszt:updated событие:

$('.chosen-results').trigger("liszt:updated");