我使用 jQuery 的 Chosen Plugin(可在此处找到:http: //harvesthq.github.com/chosen/)。它添加了额外的功能来选择 HTML 元素。
我想克隆一个包含选择元素的 div 并增加所有 id。问题是克隆没问题,但选择事件适用于源而不是克隆。
<div id="smallConfig">
<div id="MainConfig_1">
<select data-placeholder="Choose a country" name="country_1" id="country_1" class="chzn-select">
<option value="" />
<option value="Afghanistan">Allemagne</option>
<option value="Afghanistan">Belgique</option>
</select>
<input style="vertical-align: middle;" type="text" class="large" name="cni" id="f_1" />
<span class="f_help"> </span>
<a class="add">Add more</a>
</div>
</div>
<script type="text/javascript">
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
</script>
我发现这个线程如何将选择的插件添加到动态创建/克隆的 CSS div?但我无法适应我的代码。