Блог

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

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

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

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

 var selectElem = $("select");

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

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

сначала вы добавляете опцию

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

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

событие 2-го триггера liszt:updated :

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