jQuery自动填充停止内部搜索_Jquery_Jquery Ui_Autocomplete

jQuery自动填充停止内部搜索

jquery jquery-ui autocomplete

jQuery自动填充停止内部搜索,jquery,jquery-ui,autocomplete,Jquery,Jquery Ui,Autocomplete,我已经让jQuery自动填充脚本在用户键入重新生成结果时填充我的文本框 $( "#tags" ).autocomplete({ source: availableTags, open: function(event, ui) { $(".ui-autocomplete").css({ 'width' : '600px' }); } }); }); 我需要它做的是停止在选项内部搜索，只从第一个字母开始搜索例如，如果一个选项是

我已经让jQuery自动填充脚本在用户键入重新生成结果时填充我的文本框

$( "#tags" ).autocomplete({
source: availableTags,
open: function(event, ui) {
        $(".ui-autocomplete").css({
            'width' :   '600px'
        });
     }
});
});

我需要它做的是停止在选项内部搜索，只从第一个字母开始搜索

例如，如果一个选项是“Blue”，用户输入“Bl”，那么“Blue”应该像它一样填充，但我不希望用户输入“ue”并将“Blue”显示为选项

编辑：根据下面的帖子，我正在尝试这个脚本，但它似乎不起作用：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>jQuery UI Real Autocomplete</title>

<!-- jQuery UI  |  http://jquery.com/  http://jqueryui.com/  http://jqueryui.com/docs/Theming  -->
<style type="text/css">body{font:62.5% Verdana,Arial,sans-serif}</style>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script>
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: function( request, response ) {
    var matches = $.map( availableTags, function(tag) {
      if ( tag.toUpperCase().indexOf(request.term.toUpperCase()) === 0 ) {
        return tag;
      }
    });
    response(matches);
  }
});

</script>
</head>
<body>

  <label for="tags">Tags: </label>
  <input id="tags">

</body>
</html>


jQueryUI实时自动完成
正文{字体：62.5%Verdana，Arial，无衬线}
var availableTags=[
“动作脚本”，
“AppleScript”，
“Asp”，
“基本”，
“C”，
“C++”，
“Clojure”，
“COBOL”，
“ColdFusion”，
“二郎”，
“Fortran”，
“好极了”，
“哈斯克尔”，
“爪哇”，
“JavaScript”，
“口齿不清”，
“Perl”，
“PHP”，
“Python”，
“红宝石”，
“斯卡拉”，
“方案”
];
$（“#标记”）.autocomplete({
来源：功能（请求、响应）{
变量匹配=$.map（可用标记、函数（标记）{
if（tag.toUpperCase（）.indexOf（request.term.toUpperCase（））==0）{
返回标签；
}
});
反应（匹配）；
}
});
标签：

在Jquery论坛上查看此链接：

该链接中的一张海报提供了以下示例：

如果您键入“sc”，您将看到它完全按照您想要的方式工作（它不会向您显示“javascript”，但会向您显示“scala”）

我完全复制了脚本，但它似乎不起作用。不知道为什么它在jsbin上工作，也不知道我在本地测试它时为什么工作。我已经在@dseliahu上面发布了这个脚本