引导选择器，在选择事件上答案

【问题标题】：Bootstrap selectpicker, on select event引导选择器，在选择事件上
【发布时间】：2017-06-15 06:40:21
【问题描述】：

我有一个运行良好的引导选择选择器（选择时触发事件）。我有一个代码，当第一个（正在工作的）被更改时，它正在创建第二个选择器。问题是，第二个选择器在被选中时没有触发事件（就像我用 jQuery 对“更改”执行“警报”一样）。尝试了一些修复，阅读了原生事件，但它们没有奏效......

var selector = $(this).closest('.product-item-options');
flavourTemplate = '<div class="row"><div class="col-xs-4 col-sm-4"><div class="tree-design"><span></span><span class="middle-sep"></span><span></span></div></div><div class="col-xs-8 col-sm-8"><select id="product-' + product + '-flavour-' + j + '" name="flavour[' + j + ']" class="selectpicker spec-selectpicker product-flavours other-flavours">';
                // flavourSelect are the options
                flavourTemplate += flavourSelect;
                flavourTemplate += '</select></div></div>';
                selector.append(flavourTemplate);
                $('.selectpicker').selectpicker('render');
                $('.selectpicker').selectpicker('refresh');

下面是简单的 JS 代码：

$(document).ready(function(){
    $('.selectpicker').on('changed.bs.select', function (e) {
       alert('changed');
    });
});

【问题讨论】：

你能提供一个工作的jsfiddle吗？
这会很难，因为这是更大代码的一部分，这就是我添加选择器的部分，它被正确添加，但根本不提供 on-change 事件...
你是否声明了"document ready"？
@threeFatCat 是的，将更新问题并在一秒钟内添加代码，正如我所说，它适用于未从代码中添加的选择器，初始的是可以的
@LubomirLubenov，啊不。我要的是您编码var selector 的部分，它也应该在document ready 中。虽然它会在没有文档准备好的情况下运行，但很可能会在没有它的情况下输出不良行为。

标签： javascript jquery twitter-bootstrap bootstrap-selectpicker

【解决方案1】：

我用这种方式为自己解决了这个问题：


$('#mySelect').parent().find("input").bind('keyup', (event) => {
  // your code
})

（当然，您可以使用任何其他选择器先找到您的选择）

【讨论】：