如何在加载视图页面后推送额外选择的选项？

Question

好吧，我在为 Chosen 加载完整页面后添加额外选项时遇到了一些困难。当我在页面加载之前附加值时，它工作正常。但是在页面完全加载后，它无法将值添加到图像中的 chosen 同样在这里，我将 select 项目，然后根据项目的受让人列表来自 ajax 调用。但我无法将这些受让人添加到这个选定的列表中。我已经使用这种类型的 javascript 将值添加到所选列表

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

它只是将值添加到列表中，但无法select编辑此列表。当我单击新添加的选项时，它会消失并消失。我非常需要一个合适的解决方案，我已经厌倦了解决这个问题。请帮助。

Answer 1

第一次添加选项

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

你确定是li吗？

第二次触发 liszt:updated 事件：

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

Answer 2

您需要将 option 附加到 select 元素。无需将 li 附加到所选结果。之后使用 chosen:updated 事件重新构建选择。

var selectElem = $("select");

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

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

如何在加载视图页面后推送额外选择的选项？

How to push extra chosen option after loading the view page?

javascript

ajax

jquery

jquery-chosen