禁用文本框后 JQuery UI 自动完成功能不起作用

Posted

技术标签:

【中文标题】禁用文本框后 JQuery UI 自动完成功能不起作用【英文标题】:JQuery UI autocomplete not working after disabled textbox 【发布时间】:2019-02-10 05:45:53 【问题描述】:

任何人都可以建议禁用文本框然后启用后自动完成功能不起作用

我有一个文本框,我可以输入任何字符,然后它会填充文本框下方的表格

喜欢这个

并且在我从中选择任何值之后,它将填充到文本框中,并且在文本框将被禁用并且焦点转到第二个文本框上的第二个文本框之后,我已经实现了 jquery keyup 事件,当我在第二个文本框中单击 upkey 时,它将重定向第一个启用的文本框是自动完成文本框,当我在文本框上输入一个字符时,自动完成功能不起作用,当我输入第二个字符时它正在工作并填充表格。

自动完成有什么问题?

【问题讨论】:

请使用tour 并通读help center,尤其是How do I ask a good question? 进行研究,搜索有关SO 的相关主题,然后尝试一下。如果您在进行更多研究和搜索后卡住并且无法摆脱卡住,请发布您的尝试示例Minimal, Complete, and Verifiable,并具体说明您卡在哪里。人们会很乐意提供帮助。祝你好运! 【参考方案1】:

首先,您需要提供用于启用和禁用自动完成功能的基本代码。您可以在下面查看如何启用和禁用。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() 
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "javascript",
      "Lisp",
      "Perl",
      "php",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete(
      source: availableTags
    );
    
    $("#disable").click ( function() 
 
       $( "#tags" ).autocomplete(
        disabled: true
      );
 
);
    $("#enable").click ( function() 
 
       $( "#tags" ).autocomplete(
        disabled: false
      );
 
);
    
   );
  </script>
</head>
<body>
 
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div> <br>
 <button id="disable">disable</button>
 <button id="enable" >enable</button>
 
</body>
</html>

【讨论】:

以上是关于禁用文本框后 JQuery UI 自动完成功能不起作用的主要内容,如果未能解决你的问题,请参考以下文章

首次加载页面时,Jquery UI 自动完成功能不起作用

jQuery ui对话框中的Asp.net ajax自动完成功能不起作用

jQuery自动完成选择:功能不起作用

我的 jquery 自动完成功能不起作用

如何删除/更改 JQuery UI 自动完成助手文本?

知道为啥这个 Jquery 自动完成功能不起作用吗?