是否可以在typeahead中使用key:value for bootstrap 3?

时间:2014-08-11 08:26:05

标签: twitter-bootstrap twitter-bootstrap-3 typeahead.js

我使用这个typeahead插件进行bootstrap 3.是否可以通过键进行搜索并在选择键时插入值?例如,我有{'GKA': 'Goroka', 'Madang': 'MAG', 'HGU': 'Mount Hagen' }之类的数据,当我输入G时,它会向我显示Goroka

1 个答案:

答案 0 :(得分:0)

在你的情况下

json数组

var jsonData=
[
{

'id':'GKA'
'name':'Goroka', 

'id':MAG'
'name':'Madang', 

 }
 ];


var Names = new Array();
var Ids = new Object();

//你想要你调用这个函数,可能是页面加载

 function ( jsonData )
        {
            $.each( jsonData, function ( index, item )
            {
                Names.push( item.name );
                Ids[item.name] = item.id;
            } );
            $( '#product' ).typeahead( { source:Names } );

获取名称

 $( '#product' ).val()

并获取ID

productIds[$( '#product' ).val()]