带有附加功能的引导组合框不起作用答案

【问题标题】：bootstrap combobox with append not working带有附加功能的引导组合框不起作用
【发布时间】：2015-03-26 22:50:02
【问题描述】：

我有一个需要在按钮单击时附加的组合框，如果它是一个就绪函数，我如何在附加的组合框中执行代码$(document).ready(function(){$('.combobox').combobox();});？

提前谢谢你。

来自这个网站。 https://github.com/danielfarrell/bootstrap-combobox/

【问题讨论】：

您是否尝试在按钮单击时将选择/组合框附加到 dom？还是尝试在单击按钮时将某些内容附加到选择/组合框？（欢迎堆栈溢出）
我正在尝试附加一个选择/组合框，但由于它只是一个附加实体，因此脚本就绪功能不起作用，但是当我尝试创建一个调用 $('.combobox') 的函数时.combobox();} 发生错误。

标签： javascript twitter-bootstrap combobox

【解决方案1】：

您需要在添加新选择之后调用$('.combobox').combobox();}——它只会在 dom 中的元素上运行。

例如：

$(document).ready(function(){
  // convert selects already on the page at dom load
  $('select.form-control').combobox();  

  //add selects
  $('#addSelect').click(function(e){
    //create select
    $('<select class="form-control"/>').append('<option>1</option><option>2</option>')
        //add to dom
        .appendTo('#addHere')
        //convert to combobox
        .combobox();
  });
});

有关功能示例，请参阅 this demo bootply

【讨论】：