使用JQuery AutoComplete获取所选项目

时间:2011-10-13 17:09:39

标签: c# asp.net jquery-ui autocomplete jquery-ui-autocomplete

我的代码如下工作。如何读取和设置所选项目到页面上的控件(即隐藏字段)。 NomineeUserName是要返回的对象的属性。感谢您提供的任何帮助。

$(function () {
$(".tb").autocomplete({
    source: function (request, response) {
        $.ajax({
            url: "/Service/NomineeWebService.asmx/GetMatchingActiveDirectoryUsers",
            data: "{ 'SearchCharacters': '" + request.term + "' }",
            dataType: "json",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataFilter: function (data) { return data; },
            success: function (data) {
                response($.map(data.d, function (item) {
                    return {
                        id: item.NomineeUserName,
                        value: item.NomineeLastNameFirstName,
                        data: item
                    }
                }))
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(textStatus);
            }
        });
    },
    minLength: 2,
    select: function (event, ui) {
        selectedItemData = ui.item.data;
    }
});

});

1 个答案:

答案 0 :(得分:4)

select处理程序中,它应该非常简单:

select: function (event, ui) {
    $("hidden-input-selector").val(ui.item.id);
}