自动补全功能:如何加载与起始字母相关的文本
自动补全功能:如何加载与起始字母相关的文本
提问于 2013-09-17 17:36:57
我正在对我的表单使用自动完成功能。我使用下面的jquery脚本来实现自动补全功能。
<script>
$( "#autocomplete" ).autocomplete({
source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});
</script>通过上述代码得到的o/p是它获取与我们在输入框中输入的字母相关的所有单词。例如:如果我输入" C“，那么它将获取所有包含C的单词，但我希望这些单词只以C开头。
HTML部分是：
<label for="tags">Tags: </label>
<input id="tags" />请任何人在this....Thanks上提供帮助
回答 2
Stack Overflow用户
发布于 2013-09-17 17:43:18
HTML部件：
<label for="tags">Tags: </label>
<input id="tags" />替换为：
<label for="autocomplete">Tags: </label>
<input id="autocomplete" />和Js部分
<script>
$( "#autocomplete" ).autocomplete({
source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});
</script>替换为：
<script>
var tags = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ];
$( "#autocomplete" ).autocomplete({
source: function( request, response ) {
var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
response( $.grep( tags, function( item ){
return matcher.test( item );
}) );
}
});
看起来不错
Stack Overflow用户
发布于 2013-09-17 17:59:14
请尝试以下代码：
<title>Autocomplete</title>
<body>
<label for="tags">Tags: </label>
<input id="tags">
</body>Javascript：
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);
}
});我已经从jQuery论坛copied这个脚本。
下面是相同的JsFiddle。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18846283
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号