更改Bootstrap Typeahead中的文本

时间:2013-06-05 22:04:51

标签: javascript twitter-bootstrap typeahead

有没有办法更改bootstrap typeahead中显示的文本,这样如果我有一个源列表[“Smith”,“Allen”],在typeahead下拉列表中,我可以显示[ “艾伦博士”,“史密斯博士”]?

编辑:前缀可能会更改(基于某些其他输入或当前输入),因此每次重新初始化都不实用。我最终在typeahead的高亮组件中硬编码HTML。如果有人有任何更好的建议,我会很高兴在这里。

1 个答案:

答案 0 :(得分:0)

如果你有来源[“史密斯”,“艾伦”]并且你想在下拉'博士艾伦','博士史密斯']你可以这样做:

var values=['Smith','Allen']; 
    var prefix = $('.myInput').val();
$('.typeahead').typeahead({source: function() { 
    var returnArray=[]; 
    for(var i=0;i<values.length;i++){ 
    returnArray.push(prefix + values[i])  
    } 
    return returnArray;
})