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

时间:2013-10-23 10:00:59

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

我目前正在使用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"]
        }
        ]);

谢谢!

1 个答案:

答案 0 :(得分:4)

似乎某些东西似乎有效

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

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