Question

我正试图找到一种方法来更新我的2个输入，只需选择一个typeaheadjs。这是可能的还是我需要创建自己的下拉列表？

HTML

<input type="text" data-tah id="width">
<input type="text" data-tah id="height">

JS

$('input[data-tah]').typeahead({                              
  name: 'Update 2 values',
  valueKey: "can't be an array...",                                                    
  prefetch: 'something.json',                                             
  template: [                                                                 
    '<p class="tah-height">{{height}}"</p>x',                              
    '<p class="tah-width">{{width}}"</p>',                                                               
  ].join(''),
  /*No onSelect method...*/                                                  
});

所以我有一个类似

的dropDown

36"x24"
18"x24"
...

如果我点击第一个，我希望input#width为36和input#height 24。

Answer 1

typeahead方法可能只适用于匹配元素集中的第一个元素，就像大多数jQuery方法一样。要为两个输入添加功能，您需要使用jQuery .each()函数。

$('input[data-tah]').each(function() {
    $(this).typeahead({
         ...
    });
});

Answer 2

你能接受2个输入并将它们连接起来吗？将字符串传递给typeaheadjs ??我不认为我完全理解这个问题。

typeahead js更新2个输入

2 个答案: