2013-06-05 62 views
0

是否有方法可以更改bootstrap typeahead中顯示的文本,例如,如果我有源代碼[「Smith」,「Allen」]的值列表,則在typeahead下拉列表中,我可以展示[「艾倫博士」,「史密斯博士」]?在Bootstrap Typeahead中更改文本

編輯:前綴可能會改變(基於其他輸入或當前輸入),因此每次重新初始化都不切實際。我最終在typeahead的高亮組件中對HTML進行了硬編碼。如果有人有更好的建議,我會很高興在這裏。

回答

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

我應該更加明確,前綴組件可能會改變,所以我想避免每次重新初始化源。 – zhuyxn

+0

你可以將它作爲參數或變量傳遞嗎?我編輯了添加前綴的示例。您可以從另一個輸入中獲得前綴,並且隱藏的輸入或您喜歡的任何內容取決於您正在處理的內容。 –