自動完成多個字段值

Question

我對JQuery的使用經驗有限，這是我第一次嘗試使用自動完成功能。我已經按照以下定義了準備好的事件（請注意，在我的示例中，我使用了一個虛擬url）。

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

如果我example.asp返回一個簡單數組：["val1", "val2", val3"]

這個工作得很好，ID爲 「ELEMENTID」 更新相應的文本框中。我實際上將它用作郊區/郵政編碼/狀態驗證程序。用戶將進入郊區，並在做出選擇之後，我還想自動填充郵政編碼和郊區字段。我怎樣才能將這些額外的值傳遞迴我的example.asp中，然後我如何通過正在進行呼叫的頁面訪問它們？

Answer 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設置appriopriate值：

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