我有一个运行良好的 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');
});
});
最佳答案
我自己解决了这个问题:
$('#mySelect').parent().find("input").bind('keyup', (event) => {
// your code
})
(当然,您可以使用任何其他选择器首先找到您的选择)
关于javascript - Bootstrap selectpicker,在选择事件上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44560364/