Jquery 自动完成从第一个字符开始
Jquery autocomplete start from first character
我想这是以前有人问过的,但我无法让它与我的脚本一起使用。当我开始在输入字段中输入时,例如我以字母 A 开头,我会得到包含字母 A 的每个标签。
我只想要以字母 A 开头的标签。
这是我的脚本:
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<style>
.ui-autocomplete {
max-height: 100px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;
}
</style>
$(function() {
$( "#tags" ).autocomplete({
source: [{
label: "Apple",
value: "http://www.apple.com"},
{
label: "Google",
value: "http://www.google.com"},
{
label: "Yahoo",
value: "http://www.yahoo.com"},
{
label: "Bing",
value: "http://www.bing.com"}],
minLength: 3,
select: function(event, ui) {
event.preventDefault();
$("#tags").val(ui.item.label);
$("#selected-tag").val(ui.item.label);
window.location.href = ui.item.value;
}
,
focus: function(event, ui) {
event.preventDefault();
$("#tags").val(ui.item.label);
}
});
});
这是我的 html:
<div class="ui-widget">
<label for="tags" style="float:left; margin-right:5px; font-size:12px; margin-top:10px; margin-left:55px; text-align:right;">Search Engines:</label>
<input type="text" placeholder="Search for engine..." id="tags" style="width:150px; padding:3px; margin:9px 0 0 0; float:right;" />
</div>
我的脚本可以像现在这样吗?
提前致谢
试试这个
var data = [
{
label: "Apple",
value: "http://www.apple.com"
},
{
label: "Google",
value: "http://www.google.com"
},
{
label: "Yahoo",
value: "http://www.yahoo.com"
},
{
label: "Bing",
value: "http://www.bing.com"
}];
$(function() {
$( "#tags" ).autocomplete({
source: function( request, response ) {
var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
response( $.grep( data, function( item ){
return matcher.test( item.label );
}) );
},
minLength: 1,
select: function(event, ui) {
event.preventDefault();
$("#tags").val(ui.item.label);
$("#selected-tag").val(ui.item.label);
window.location.href = ui.item.value;
},
focus: function(event, ui) {
event.preventDefault();
$("#tags").val(ui.item.label);
}
});
});
查看演示
相关文章:
- 第一个字第一个字符第二个字第二个字符,一直到数组结束
- 在字符串列表中搜索任何出现的单词,如果单词的第一个字符匹配,则高亮匹配单词.Javascript正则表达式
- 如何使用正则表达式限制字符串的第一个字符
- 按第一个字符进行数组搜索
- 如果第一个字符为零,则使用Javascript修剪第一个字符
- 如何替换除第一个字符外的多个字符
- Javascript 和正则表达式:删除除第一个字符之外的 evryting,如果是一个数字
- 第一个字符为空,在按键时使用 Ember 操作
- 正则表达式 - 仅第一个字符检查非字母字符
- 获取从第一个字符到下一个空格的字符串的一部分
- 从所有单词中替换,即使用破折号分隔,第一个字符用大写[更简单的方法]
- 为什么选择只显示IE 9中选项文本的第一个字符
- 如何使用javascript从包含数值的字符串中获取第一个字符的索引
- 从 jquery/javascript 中字符串的第一个字符过滤表数据
- JavaScript substr 与从第一个字符开始时的子字符串
- 第一个字符的正则表达式在 JavaScript 中不能是空格
- 如何检测第一个字符是否为回车符,并添加回车符
- Jquery 自动完成从第一个字符开始
- 替换标签内的第一个字符
- 从段落元素中切片第一个字符,替换内容并添加类