javascript - 自动完成 json 数据

Question

这段代码有两个问题:

json example:

{"json_list": [{"label": "Porto Rico", "value": 33}, {"label": "Portugal", "value": 32}]}

<小时/>

$("#user_country_name").autocomplete({
    source : function(request, response) {
        $.getJSON("/users/autocomplete/" + request.term, function(data) {
            response(data.json_list);
        });
    },
});

首先，当我选择一个国家/地区时，输入框中所选的值应该是标签而不是值。因为用户应该看到国家/地区而不是 ID。

其次，如何填充所选国家/地区 ID 的隐藏字段 $("#user_country_id")？

Answer 1

使用select方法

select: function( event, ui ) {
  event.preventDefault();
  $("#user_country_name").val(ui.item.label);
}