自动完成多个字段值

时间:2013-02-18 07:40:31

标签: jquery autocomplete

我对Jquery的总体经验有限,这是我第一次尝试使用自动完成功能。我已根据下面定义了ready事件(请注意我在我的示例中使用了一个虚拟URL)。

 $(document).ready(function() {
    $("#ELEMENTID").autocomplete({
    source: "example.asp",
    minLength: 3
    });
 });

如果我的example.asp返回一个简单的数组:["val1", "val2", val3"]

这很有效,ID为“ELEMENTID”的文本框也相应更新。我实际上将它用作郊区/邮政编码/州验证器。用户将进入郊区,在进行选择后,我还想自动填充邮政编码和郊区字段。如何在我的example.asp和

中传递这些额外的值

如何通过正在进行通话的页面访问它们?

1 个答案:

答案 0 :(得分:1)

你可以准备这样的词典列表:

[{"label":"some_label", "value":"val1", "postcode": "some_postcode"},
 {"label":"some_label2", "value":"val2", "postcode": "some_postcode2"},
 {"label":"some_label3", "value":"val3", "postcode": "some_postcode3"}]

并使用select event设置适当的值:

$(document).ready(function() {
    $("#ELEMENTID").autocomplete({
        source: "example.asp",
        minLength: 3,
        select: function(event, ui) {
            $('#id_postcode').val(ui.item.postcode);
        }
    });
});