如何克隆所选插件的select元素

我使用jQuery的Chosen插件（在这里找到： http ： //harvesthq.github.com/chosen/ ）。 它为选择HTML元素添加了额外的function。

我想克隆一个包含select元素的div并增加所有id。 问题是克隆是正常的，但select事件适用于源而不是克隆。

 
   Allemagne Belgique     Add more 
 
  var cur_num = 1; // Counter used previously. var addAttendee = function(){ var cloned = $("#MainConfig_" + cur_num).clone(true, true).get(0); ++cur_num; cloned.id = "MainConfig_" + cur_num; // Change the div itself. $(cloned).find("*").each(function(index, element) { // And all inner elements. if(element.id) { var matches = element.id.match(/(.+)_\d+/); if(matches && matches.length >= 2) // Captures start at [1]. element.id = matches[1] + "_" + cur_num; } }); $(cloned).appendTo($("#smallConfig")); }; $('.add').click(addAttendee); // attach event  

我找到了这个post如何将Chosen Plugin添加到动态创建/克隆的CSS div中？ 但我无法适应我的代码。

Answer 1

我遇到了同样的问题，并解决了这个问题：

 $('.agregar_otro').click(function(e) { var num=$(this).attr("id").split("_"); var cur_num = num[1]; // Counter used previously. //... var cloned = $("#datos_solicitud_" + cur_num).clone(true, true).get(0); ++cur_num; cloned.id = "datos_solicitud_" + cur_num; // Change the div itself. $(cloned).find("*").each(function(index, element) { // And all inner elements. if(element.id) { var matches = element.id.match(/(.+)_\d+/); if(matches && matches.length >= 2) // Captures start at [1]. element.id = matches[1] + "_" + cur_num; } }); $(cloned).appendTo($("#contenedor")); //this lines are the ones that solves the problem //id_almacen is the id of the element chosen which was cloned $("#id_almacen_"+cur_num).removeClass("chzn-done").css("display", "block").next().remove(); $("#id_almacen_"+cur_num).chosen(); });