jQuery自动完成/TwitterTypeahead填充多个字段

jQuery自动完成/TwitterTypeahead填充多个字段,jquery,jquery-autocomplete,twitter-bootstrap-3,bootstrap-typeahead,Jquery,Jquery Autocomplete,Twitter Bootstrap 3,Bootstrap Typeahead,我目前正在使用TypeAhead(Bootstrap),但很高兴使用jqueryautocomplete来完成我所需要的 我有5个输入字段。我还有一个如下结构的表,因此我将使用远程数据源: Classification | Model | Cost | Depreciation | Warranty ----------------------------------------------------------- Laptop/PC/Server | X/Y/Z | 1/2/3 |

我目前正在使用TypeAhead(Bootstrap),但很高兴使用jqueryautocomplete来完成我所需要的

我有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
因此,每列都有多个值。笔记本电脑只能有某些型号

问题一

假设我选择“笔记本电脑”作为“自动完成”字段,是否有必要对“模型”字段进行细化,以仅选择与所选笔记本电脑相关的模型

问题二

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

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

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

谢谢

似乎有一些类似的方法可以奏效

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

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

似乎这方面的东西似乎奏效了

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

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

是的,这都是可能的,给我们看看你迄今为止写的代码。这只是普通的打字前代码(编辑问题)。我写的任何代码都没有任何地方,所以只需将其剥离到基础。我知道这很接近我想要的,但我想知道用TypeAhead可以做什么。是的,给我们看看你迄今为止写的代码。这只是普通的TypeAhead代码(编辑问题)。我写的任何代码都没有任何地方,所以只需将其剥离到基础。我知道这很接近我想要的,但我想知道用Typeahead可以做些什么!谢谢Janusz。我已经寻找这个解决方案好几个小时了。太棒了!谢谢Janusz。我已经寻找这个解决方案好几个小时了。