从jquery ui自动完成选项success:传递变量以选择:

passing variables from jquery ui autocomplete option success: to select:

本文关键字:变量 选择 success 选项 ui jquery      更新时间:2024-05-18

在下面的自动完成脚本中,如何将结果(值/label/description)传递给select:选项?

$( ".find_group_ac" ).autocomplete({
    minLength: 1,
    source: function(request, response) {
        $.ajax({
            url: "welcome/search/",
            data: { term: $(".find_group_ac").val()},
            dataType: "json",
            type: "POST",
            success: function(data) { 
                response($.map(data, function(obj) {
                    return {
                        label: obj.name,
                        value: obj.name,
                        description: obj.description 
                    };
                }));
            }
        });
    },
    select: function (ui, item) {
        alert (item.value);
    } 
})

select处理程序传递eventuiui.item是指所选择的项目。考虑到这一点,你只需要:

select: function (event, ui) {
    alert (ui.item.label);
    alert (ui.item.value);
    alert (ui.item.description);
}