文本字段 jquery 自动完成 - 只允许在自动完成选项内提交

发布于 2024-12-09 01:01:55 字数 744 浏览 0 评论 0原文

我正在我的代码中寻求帮助,仅在指定的数据数组中允许自动完成。因此,只允许输入自动完成数组内的数据。不知道在哪里执行此操作。这是我的代码。有人可以建议吗?

 $(document).ready(function () {
                         var data = ["ActionScript","AppleScript","Asp","BASIC","C","C++","iran","Scheme"];
                        $("#autocomplete").autocomplete(data);
                        });
    $('input#autocomplete').result(function (event, data, formatted) {
                        $("#result").html(!data ? "No match found!" : "Selected: " + formatted);
                    }).keyup(function () {
                       $(this).search();
                       $(this).css("background-color","#D6D6FF");                   
                    });

             } catch (e) { }
        });

I am looking for help in my code that allows an autocomplete, only within a specified data array. So only data within the auto complete array is allowed to be entered. Not sure where to do that .Here is my code. Can anyone suggest ??

 $(document).ready(function () {
                         var data = ["ActionScript","AppleScript","Asp","BASIC","C","C++","iran","Scheme"];
                        $("#autocomplete").autocomplete(data);
                        });
    $('input#autocomplete').result(function (event, data, formatted) {
                        $("#result").html(!data ? "No match found!" : "Selected: " + formatted);
                    }).keyup(function () {
                       $(this).search();
                       $(this).css("background-color","#D6D6FF");                   
                    });

             } catch (e) { }
        });

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

在梵高的星空下 2024-12-16 01:01:55

尝试使用 mustMatch 选项 (docs):

$("#autocomplete").autocomplete(data, { mustMatch: true });

示例: http://jsfiddle.net/prCsm/

作为旁注,该插件已被弃用,取而代之的是 jQueryUI 版本

Try the mustMatch option (docs):

$("#autocomplete").autocomplete(data, { mustMatch: true });

Example: http://jsfiddle.net/prCsm/

As a side note, this plugin has been deprecated in favor of the jQueryUI version.

月亮是我掰弯的 2024-12-16 01:01:55

您可以在用户选择特定值后禁用输入字段。请参阅示例代码

示例中的第 6 行:

$("#autocomplete2").autocomplete({
  url:'search.php?type=xml',
  minchar:2,
  delay:1000, // in milliseconds
  onSelect:function(){
    $("#autocomplete2").attr('disabled', 'disabled');
  },
  type:'xml'
});

You can simply disable the input field after the user selected a specific value. see line 6 in example code

example:

$("#autocomplete2").autocomplete({
  url:'search.php?type=xml',
  minchar:2,
  delay:1000, // in milliseconds
  onSelect:function(){
    $("#autocomplete2").attr('disabled', 'disabled');
  },
  type:'xml'
});
甜宝宝 2024-12-16 01:01:55

我执行以下操作: -

  1. 输入字段时将标志设置为 false (onfocus)
  2. 在自动完成选择事件中将标志设置为 true
  3. 测试字段 onblur 事件中的标志

如果为 true,则选择是好的,否则选择是不好的,并且您可以将焦点返回到输入字段。

I do the following:-

  1. Set a flag to false when entering the field (onfocus)
  2. Set the flag to true in the autocomplete select event
  3. Test the flag in the field onblur event

If it is true the selection is good other wise it is bad and you can return focus to the input field.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文