Question

我有一个工作正常的bootstrap selectpicker（选中时触发事件）。我有一个代码，当第一个（工作正常）发生变化时，它会创建第二个选择器。问题是，第二个选择选择器在选择时不会触发事件（就像我做＆＃34;警告＆＃34; on＆＃34;更改＆＃34;使用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');
    });
});

Answer 1

我以此方式为自己解决了这个问题：


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

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

选择事件

1 个答案: