JQuery自动完成下拉选择功能

JQuery autocomplete dropdown select function

本文关键字：选择 功能 JQuery      更新时间：2023-09-26

您能帮助我如何在从自动完成下拉中选择项目时启动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)
}

任何帮助都将不胜感激。感谢

使用自动完成的select事件：

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

自动完成选择事件

1.由于没有名为Autotext的HTML元素，您的自动完成无法工作，您必须为它提供一个#Autotext作为ID或一个class.Autoxt才能正确选择它
2.您必须查看要绑定.on("click",...)事件的"建议"列表的命名方式，才能调用您的函数。

相关文章：