javascript - Bootstrap selectpicker，在选择事件上

Question

我有一个运行良好的 Bootstrap 选择器(选择时会触发事件)。我有一个代码，当第一个(正在工作)发生变化时，它会创建第二个选择器。问题是，第二个选择器在被选择时不会触发事件(就像我用 jQuery 对“更改”执行“警报”一样)。尝试了一些修复，阅读了有关 native 事件的信息，但它们没有起作用......

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');
    });
});

Answer 1

我自己解决了这个问题:

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

(当然，您可以使用任何其他选择器首先找到您的选择)