处理 jquery 自动完成中的粘贴值

Question

抱歉，如果之前讨论过这个问题，我尝试搜索网络/stackoverflow，但找不到正确的答案。

我在一些表单上使用 jquery 自动完成插件，用户可以在其中输入一些数据。通常，数据以标准 ID-名称对表示。通过自动完成功能查找名称，选择后将相应的 ID 写入隐藏表单字段，以便稍后在后端处理。我通过对 php 后端的 JSON 调用获取数据。

我已经处理了自动完成上的选择和更改事件，以将选定的 ID 写入隐藏字段，并在未找到匹配项时将其删除。这有效。

问题是：当用户将正确的名称粘贴到自动完成中（确实存在的名称），但没有单击下拉选项时，我该如何处理？基本上 select 事件不会触发，并且我被输入的正确名称和不包含相应 ID 的隐藏字段所困扰？ 我想我应该以某种方式遍历可用选项并选择一个（如果匹配），但不幸的是我不知道如何执行此操作。我正在尝试使用自动完成作为标准组合框，但带有...自动完成。

我希望我说清楚了，jQuery 对我来说还是个新东西，所以我会一边学习一边学习术语:)

谢谢。

更新

嗯，有点找到了解决方案，但并不完全满意。当更改事件触发时，如果未选择该项目，我将循环遍历 JSON，尝试查找用户输入的术语。

change: function(event, ui) {           
    if (ui.item) 
        return false;

    $("#airport_end_id").val("");
    var entered_value = $("#airport_end").val();                    
    if (entered_value != "") {
        $.each(airports, function(key, airport) {
            if (airport.value == entered_value) {
                $("#airport_end_id").val(airport.id);
                return false;
            }
        });
    };                
    return false;
},

我刚刚学习 JavaScript/jQuery，所以这段代码可能看起来像一大堆......:) 对此不满意，因为它可能会非常低效（json 应包含大约 2000-4000 行，目前它对于我的测试数据来说非常小）。我更愿意循环遍历属于该字段的隐藏 ui-autocomplete ul （它已经针对用户输入的单词进行了过滤），但由于我有几个包含相同数据的自动完成字段，我不知道如何找到 ui -autocomplete ul 对应于焦点字段。

基本上，两个自动完成字段的隐藏 ul 是完全相同的：

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: -875px; left: 164px; display: none; position: relative; width: 300px;"></ul>

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: -875px; left: 164px; display: none; position: relative; width: 300px;"></ul>

是否可以添加 ID 或其他内容来自动完成 UL，以便我可以追踪它？

再次感谢您的帮助。

Answer 1

您可以查看 autocompletechange 事件。当字段失去焦点并包含新值时，即使未在自动完成下拉列表中选择它，它也会触发。

$( ".selector" ).autocomplete({
   change: function(event, ui) { ... }
});

Answer 2

通过使用 .autocomplete("widget") 并将特定类添加到 ui-menu 来解决这个问题。