如何使用动态添加控件的Bootstrap选择下拉列表？

Question

我正在研究Bootstrap选择的下拉列表。当控件和页面加载时绑定为$selector.chosen()时，它工作正常。但是当我使用JavaScript动态添加新控件时。新添加的控件不受影响。

我该如何解决这个问题？

Answer 1

你是否正确地重新生成了标签？您应该在活动结束后生成所有标签。

function makenewlist(result){

var cnt = result.length;
console.log('count: '+cnt);
var selectValues = {};
for(var i=0; i<cnt; i++){
    selectValues[i] = result[i].title;

    console.log(result[i].title);
    console.log('see this?');
}
$('#targetDOM').unbind().empty();
console.log(selectValues);

var target = $('#targetDOM');

$.each(selectValues, function(key, value) {   
    console.log(value);
    var options = $('<option></options>');
    options.append(value);
         .attr("value",key)
         .text(value)); 
    target.append(options);
}); 
}

...并尝试使用on（）方法，最后检查$（document）.ready（）内的所有方法。

如果您仍有同样的问题，请告诉我。

最好的祝福