javascript - typeaheadjs 更新 2 个输入

Question

我正在尝试找到一种方法来使用一个 typeaheadjs 选择来更新我的 2 个输入。这是可能的还是我需要创建自己的下拉菜单？

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...*/                                                  
});

所以我有一个像这样的下拉菜单

36"x24"
18"x24"
...

如果我点击第一个，我希望input#width是 36 和input#height24。

Answer 1

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

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

Answer 2

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