Автозаполнение нескольких значений полей

Question

У меня ограниченный опыт работы с JQuery вообще, и это первый раз, когда я попытался использовать автозаполнение. Я определил готовое событие согласно ниже (обратите внимание, что я использовал фиктивный url в моем примере).

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

Если мой example.asp возвращает простой массив: ["val1", "val2", val3"]

это работает хорошо и текстовое поле с идентификатором «ELEMENTID» обновления соответственно. Я на самом деле использую это как средство проверки местоположения/почтового индекса/состояния. Пользователь будет входить в пригород, и после их выбора я хотел бы также автоматически заполнять поля почтового индекса и пригорода. Как я могу передать эти дополнительные значения в моем примере.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"}] 

и установите значения appriopriate с помощью select event:

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