0

我有一个运行良好的引导选择器(选择时触发事件)。我有一个代码,当第一个(正在工作的)被更改时,它正在创建第二个选择器。问题是,这个第二个选择器在被选中时没有触发事件(就像我用 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');
    });
});
4

1 回答 1

1

我以这种方式为自己解决了这个问题:


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

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

于 2020-01-20T18:47:11.123 回答