Twitter提前输入不同的值来显示

Twitter typeahead different value to display

本文关键字：显示 输入 Twitter      更新时间：2023-09-26
    //javascript
    var customer = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    prefetch: 'include/customer.json'
    });
    $('.typeahead').typeahead(null, {
    name: 'customer',
    display: 'name',
    source: customer
    });

    //json
    [
    {"identity":"1","name":"Uzumaki Naruto"},
    {"identity":"2","name":"Monkey D. Luffy"},
    {"identity":"3","name":"Ichigo Kurosaki"}
    ]
   //html
   <input class="typeahead" type="text" name="customer"/>

是可能的在typeahead插件搜索和显示' name '，当我提交的形式，它会给我' identity '的值。顺便说一句，我使用0.11.1v的提前输入。TIA

要完成您想要的，您必须使用两个输入字段。

// html
<input type="text" name="customer_typeahead" class="typeahead"/>
<input type="hidden" name="customer" id="customer_identity" />
// typeahead code
$('.typeahead').typeahead(null, {
  ....
}).bind('typeahead:select', function(ev, suggestion) {
  $('#company_identity').val(suggestion.identity);
});

这使得当你选择一个建议时，它将设置customer输入的值。

相关文章：