无法获取自动填充小工具ID

时间:2018-06-05 16:48:20

标签: javascript asp.net-mvc jquery-ui autocomplete

使用任何这些方法我仍然无法获取jquery自动完成小部件的选定ID。 (我正确传递名称和身份和名称)

请帮忙。只有alart显示id。最后我一起尝试了这些。但仍然没有运气。

Html

  <input type="text" ,id="sx" />

$(document).ready(function () {
        $('#aaa').on('change', function () {
            $("#sx").value = ($("#aaa").autocomplete("instance").selectedItem.id);
            $('#sx').html('You selected: ' + ($("#aaa").autocomplete("instance").selectedItem.labal));
            alert($("#aaa").autocomplete("instance").selectedItem.id);

        }).change();
        $('#aaa').on('blur', function (e, ui) {
            $('#sx').html('You selected: ' + ($("#aaa").autocomplete("instance").selectedItem.id));
        });
    });

我的自动填充查询

 $(document).ready(function () {
        $("#aaa").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/PromoInfo/Autocomplete",
                    type: "POST",
                    dataType: "json",
                    data: { Prefix: request.term },

                    success: function (data) {

                        response($.map(data, function (item) {

                            return { value: item.Name, id: item.id};
                        }))

                    } ,
                    focus: function (event, ui) {

                        $("#sx").val(ui.item.id);

                        return false;
                    },

                    change: function (event, ui) {
                        if (ui.item == null) {
                            $("#sx").val(ui.item.id);

                        }
                    },

                    select: function (event, ui) {
                        $("#sx").val(ui.item.id);

                        return false;
                    } 
                })
            },
            messages: {
                noResults: "", results: ""
            }
        });
    })

0 个答案:

没有答案