将typeahead.js数组元素分配给变量

时间:2016-02-05 23:43:06

标签: javascript jquery typeahead.js

我将此类型预先绑定到ToColor框,但它运行正常。我向服务器发送请求,返回一个包含3个元素的数组。显示下拉框,<input>告诉输入框向用户显示的内容。

问题是,我可以使用

获取用户在事后选择的值

displayKey或其他东西,但我需要作为单独变量返回的所有三个数组元素var a = $('#inputBox').val();,我不知道这个函数在哪里可以分配它们。

(partNumber, mfr, title)

1 个答案:

答案 0 :(得分:0)

我四处搜索并使用.on('typeahead:selected'

找到了解决方法
$('.typeahead').typeahead(null, {
    displayKey: 'partNumber',    
    templates: {
        suggestion: Handlebars.compile("<div><strong>{{partNumber}}</strong> > <div class='mfr_suggestion'>{{mfr}} > {{neda}}</div></div>")
    },    
    source: partsList.ttAdapter(),
    limit: 9}).on('typeahead:selected', function (obj, datum) {    
    console.log(datum.partNumber);
    console.log(datum.mfr);
    console.log(datum.title);
});

最初从猎犬传来的3个变量可以使用datum.[name]约定通过名称访问。