更改 Bootstrap Typeahead 中的文本

【问题标题】：Change Text in Bootstrap Typeahead更改 Bootstrap Typeahead 中的文本
【发布时间】：2013-06-05 22:04:50
【问题描述】：

有没有办法改变引导程序预输入中显示的文本，这样如果我有源 ["Smith", "Allen"] 的值列表，在预输入下拉列表中，我可以显示 [ “艾伦博士”、“史密斯博士”]？

编辑：前缀可能会改变（基于其他输入或当前输入），因此每次都重新初始化是不切实际的。我最终在 typeahead 的高亮组件中对 HTML 进行了硬编码。如果有人有更好的建议，我很乐意在这里。

【问题讨论】：

标签： javascript twitter-bootstrap typeahead

【解决方案1】：

如果您有作为来源 ["Smith", "Allen"] 并且您希望在下拉菜单中显示“Dr.艾伦'，'博士。 Smith'] 你可以这样做：

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;
})

【讨论】：

我应该更明确一点，前缀组件可能会改变，所以我想避免每次都重新初始化源。
你能把它作为参数或变量传递吗？我编辑了添加前缀的示例。您可以从另一个输入中获取前缀，隐藏输入或您喜欢的任何内容取决于您正在处理的内容。