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（）中的所有方法。

如果您仍然遇到同样的问题，请告诉我。

最好的问候

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

1 个答案: