jQuery Autocomplete / Twitter Typeahead 填充多个字段答案

【问题标题】：jQuery Autocomplete / Twitter Typeahead Populate Multiple FieldsjQuery Autocomplete / Twitter Typeahead 填充多个字段
【发布时间】：2013-10-23 10:00:59
【问题描述】：

我目前正在使用 TypeAhead (Bootstrap)，但很高兴使用 jQuery Autocomplete 来完成我需要的工作

我有 5 个输入字段。我还有一个结构如下的表，因此我将使用远程数据源：

Classification   | Model | Cost  | Depreciation  | Warranty
-----------------------------------------------------------
Laptop/PC/Server | X/Y/Z | 1/2/3 | 1/2/3/4/5/6/7 | 1/2/3

所以每一列都有多个值。一台笔记本电脑只能拥有特定的型号

问题一

假设我为自动完成字段选择“笔记本电脑”，是否可以优化“型号”字段以仅选择归因于所选笔记本电脑的那些型号？

问题二

首先，让我们假设上述情况是不可能的。假设我从“分类”的自动完成字段中选择了“笔记本电脑”。然后我转到“模型”自动完成字段并选择例如“Latitude D830”。无论如何我可以自动填充成本/折旧/保修字段吗？

现在假设第一个问题是可能的。将两者结合起来的最佳方法是什么？当前的 TypeAhead 初始化非常普通

$('#inputClassification').typeahead([
        {
            name: 'classification',
            local: ["Tablet", "PC", "Laptop", "Phone", "Printer", "Switch", "Router", "Firewall", "Wireless AP", "Wireless Controller", "Server", "Storage"]
        }
        ]);

谢谢！

【问题讨论】：

是的，这一切皆有可能，向我们展示您目前编写的代码。
这只是普通的 TypeAhead 代码（已编辑问题）。我编写的任何代码都无处可去，所以只是将其剥离为基础。我看到stackoverflow.com/questions/11309880/… 与我想要的很接近（如果不是正确的话），但我想知道 TypeAhead 可以做什么

标签： jquery jquery-autocomplete twitter-bootstrap-3 bootstrap-typeahead

【解决方案1】：

似乎这些方面的东西似乎有效

       $('#inputLocationStatus').typeahead({
            name: 'poiuy',
            prefetch: 'js/names.json',
            ttl:0                                                             
        }).on('typeahead:selected', onSelected);

        function onSelected($e, datum) {
            $('#inputDepartment').val(datum['description']);
        }

【讨论】：

太棒了！谢谢亚努斯。我一直在寻找这个解决方案几个小时。