Question

你可以帮我解决一下如何从自动完成下拉列表中选择项目时触发javascript函数txtID（）

以下是摘录

$("Autotxt").autocomplete({
    source: function (request, response) {
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "Webservice.asmx/GetNames",
            data: "{'prefixText':'" + request.term + "'}",
            dataType: "json", 
            success: function (data) {
                response($.map(data.d, function (item) {
                    return {
                        label: item.split('|')[0],
                        val: item.split('|')[1]
                    }
                }))
            },

            error: function (result) {
                alert("Due to unexpected errors we were unable to load data");
            },
            failure: function (response) {
                alert("Due to unexpected errors we were unable to load data");

            }
        }).result(function (event, ui) {
            txtID(ui.item.val);
        });
    },

    minLength: 2
});

function txtID(val)
{
alert(val)
}

非常感谢任何帮助。感谢

Answer 1

1.您的自动填充无法正常工作，因为没有名为Autotxt的HTML元素，您必须为其提供#Autotxt for ID或类.Autotxt才能正确选择它。
2.您必须查看您想要绑定.on("click",...)事件的“建议”列表的名称，以便能够调用您的函数。

Answer 2

使用自动填充的select事件：

$("Autotxt").autocomplete({
    source: function(request, response) {
        ...
    },
    select: function(e, ui) {
        txtID(ui.item.value);
    }
});

Autocomplete Select Event

JQuery自动完成下拉选择功能

2 个答案: