javascript - Silviomoreto bootstrap-select 选项工具提示

Question

Silviomoreto bootstrap-select add to select "display:none":

它使可见的“ul”像这样:

我动态地改变这个选择:

for(var key in value) {
    $(this)
        .append($("<option></option>")
        .attr("value", key)
        .text(value[key])); 
}              
$(this).selectpicker('refresh');

如何为每个选项动态添加工具提示？

Answer 1

您需要将工具提示添加到每个生成的 li 元素，而不是 option 元素(在初始化 bootstrap-select 之后) .您可以使用 data('selectpicker') 访问生成的 li 元素。

$('#selectID').data('selectpicker').$lis.attr('title', 'New Title').tooltip();