自动完成Mootools以设置多个表单值

Question

我需要一个基于Mootools的自动完成器，它通过ajax检索数据，并在选择一个选项时填写多个表单输入元素。 IE，用户搜索“foo”，其中一个选项可能是“foobar”，它与变量objecttype AND objectid相关联，当用户点击“foobar”时，这两个选项都需要在表单中设置。

我一直在寻找两个自动填充器：Meio.Autocomplete和AutoCompleter是我最好的选择，但它们似乎都没有真正处理我需要它们处理的东西。

我正在考虑重写/扩展其中一个，或者可能使用Meio版本（处理单个值）并将表单中的多个变量存储在一个字段中，可能作为可以解析客户端的json对象在jsonParse旁边，并在选择后插入带有附加功能的表单。

有谁知道更简单的解决方案？

Answer 1

您可以使用带有identifier的Meio.Autocomplete的onSelect事件，该JSON会对所有需要的属性进行编码。

var data = [
    {value: 'name1', identifier: {
        id: 'id1',
        type: 'type1'
    }},
    ...
}

我快速example