javascript - 如何将值从 Ajax 响应对象传递到元素

Question

我的ajax功能工作正常。它从数据库检索多个对象。全部都是 supplier_name 和 supplier_id。 response 对象将它们放入页面上的正确元素中。

问题:当您单击其中一个选项时，如何将 supplier_id 放入隐藏元素中？

 $('#supplier_name').autocomplete({
    minLength: 3,
    source: function (request, response, term) {

        var param = request.term;
        $.ajax({
            url: "supplier_search/" + param,  
            dataType: "json",
            type: "GET",
            success: function (data) {

                response($.map(data, function(item) {
                       return item.supplier_name;
                    }

                ));

          //      $("#supplier_search").val(item.supplier_name);  THIS DOES NOT WORK
         //       $("#supplier_id").val(item.id);


            },//END Success
        });//END AJAX
    },

}); 

HTML

<div class="col-sm-4 col-md-4"><input class="form-control" placeholder="Type first 3 digits of name" name="supplier_name" type="text" id="supplier_name"></div>
    <input id="supplier_id" name="supplier_id" type="hidden">

Answer 1

function cxGetDataOK(data){
  $('#supplier_search').val(data.supplier_name);
  $('#supplier_id').val(data.id);
}