jquery - 如果我从数据库获取文本,如何更改 jQuery Ui 自动完成功能以获取 id?

标签 jquery events jquery-ui-autocomplete

我遇到麻烦,因为我正在从数据库(mysql)获取一些文本,该文本应该用自动完成功能填充,但它是从数据库检索的,现在当我想使用自动完成功能的文本时不起作用,我需要在不使用自动完成的情况下获取文本的 id(ui.item.id),我认为这是触发自动完成 (.bind) 的事件的问题,但我不知道如何修复,有什么建议请帮忙吗?我被困住了

这是我的代码:

var ids = [];
$(function() {
    function split(val) {
        return val.split(/,\s*/);
    }

    function extractLast(term) {
        return split(term).pop();
    }

    $("#txtdestino_Email").bind("keydown", function(event) {
        if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) {
            event.preventDefault();
        }
    }).autocomplete({
        source: function(request, response) {
            $.getJSON("../../correo/controller/controllerAutocomplete.php", {
                term: extractLast(request.term)
            }, response);
        },

        focus: function() {
            return false;
        },
        select: function(event, ui) {
            var terms = split(this.value);



            terms.pop();
            // add the selected item
            terms.push(ui.item.value);
            // add placeholder to get the comma-and-space at the end
            terms.push("");
            this.value = terms.join(",");

            ids.push(ui.item.id);
            return false;
        }
    });
});

最佳答案

jQuery AutoSuggest通过 Dew wilson有以下用于选择值的选项

'selectedItemProp' 和 'selectedValuesProp' 其中 selectedValuesProp 用于选择值,例如对于名称值集合,此选项用于值,另一个 selectedItemProp 用于名称。 'asHtmlID' 选项有助于设置元素的 HTML ID。最后,插件呈现一个 ID 为 as_values_'CUSTOM_ID' 的隐藏字段,其中保存选定的值,其中 'CUSTOM_ID' 是设置为 'asHtmlID' 选项的 ID

关于jquery - 如果我从数据库获取文本,如何更改 jQuery Ui 自动完成功能以获取 id?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7894236/

相关文章:

javascript - 如何为 View 添加动态事件?

jquery - 使用 JQuery UI 错误实现 CSS 自动完成 Uncaught TypeError : this. source is not a function

jQuery UI 自动完成 : how to allow free text

javascript - 用于使用 require.js 进行消费的自定义 Javascript 应用程序 : How to avoid conflicts with existing libs on optimization?

javascript - 想要为动态创建的li添加复选框

jquery - 如何跟踪文件下载计数?

android - 寻找更通用的 onUserInteraction() 事件 - 而不仅仅是在一个 Activity 中

javascript - Turbolinks 回调完全加载的页面

c# - 从动态添加的子控件分配委托(delegate)事件处理程序

javascript - jquery 自动完成 url 损坏