ajax-选择添加动态元素答案

【问题标题】：ajax-chosen adding dynamic elementsajax-选择添加动态元素
【发布时间】：2012-10-30 16:45:52
【问题描述】：

我的代码需要帮助：

我是动态添加元素，创建新元素需要这些功能有插件调用CHOSEN，但创建后创建它们不起作用我尝试重新运行该函数以将Chosen的属性添加到新元素。

ajaxchosen = function () {
    $("select").each(function(index, element){
        $(element).ajaxChosen(
                   { method: "GET", 
                     url: $(element).attr("source"),
                     dataType: "json"
                   }, function(data){ 
                       var terms; 
                       terms = {};
                       $.each(data, function (i, val) {
                           return terms [i] = val;
                       });
                       return terms;
                   });
    });
};

$ (element).closest("form").find(".nested-field:visible:last").append(template.replace(regexp, new_id));
ajaxchosen();

【问题讨论】：

标签： jquery jquery-plugins jquery-chosen

【解决方案1】：

如果你修改了一个已经使用Chosen转换的select的内容，你需要调用

$("#form_field").trigger("liszt:updated");

或（取决于您使用的版本）

$("#form_field").trigger("chosen:updated");

在如此选择的修改后重新加载该选择并更新值。因此，您可以使用一些 ajax 直接在选择（而不是选择的 div）上添加值，然后调用该方法。

查看文档：http://harvesthq.github.com/chosen/

【讨论】：

【解决方案2】：

liszt:updated 已弃用。

使用

$("#form_field").trigger("chosen:updated");

【讨论】：