在自动完成jquery中设置选项minLength 3时,它无法正常工作

时间:2016-11-14 12:40:08

标签: javascript jquery jquery-ui autocomplete jquery-ui-autocomplete

我在jquery自动填充中将minLength设置为1或0时有三个文本输入它显示正常但是当我将minLenght设置为2或3时它将不会填充自动填充选择下拉列表。如果我在自动完成中设置了一个文本输入minLength 1或0中的任何一个,那么它在这种情况下工作正常,之后它也将在其他两个文本输入中显示自动完成

1 个答案:

答案 0 :(得分:1)

显示到目前为止您尝试过的内容。 它似乎在这里使用3个文本框和minLength属性 -

$( 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"
    ];
    $( "#tags1" ).autocomplete({
      source: availableTags,
      minLength:3
    });
   $( "#tags2" ).autocomplete({
      source: availableTags,
      minLength:3
    });
   $( "#tags3" ).autocomplete({
      source: availableTags,
      minLength:3
    });
  } );
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.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>
<div class="ui-widget">
  <label for="tags">Tags 1: </label>
  <input id="tags1">
</div>
<div class="ui-widget">
  <label for="tags">Tags 2: </label>
  <input id="tags2">
</div>
<div class="ui-widget">
  <label for="tags">Tags 3: </label>
  <input id="tags3">
</div>