Javascript 如何更新单词列表中搜索框中包含用户键入内容的单词/字母数?
我一直试图在用户搜索任何字母/单词时,使窗口小部件框上方的行(“总共10个单词”)动态变化,但未能成功。该行应更改为例如“2个包含'ab'的单词” 我使用了这行代码,但不起作用:Javascript 如何更新单词列表中搜索框中包含用户键入内容的单词/字母数?,javascript,Javascript,我一直试图在用户搜索任何字母/单词时,使窗口小部件框上方的行(“总共10个单词”)动态变化,但未能成功。该行应更改为例如“2个包含'ab'的单词” 我使用了这行代码,但不起作用: var len= matches.length; $("#WordCounter".text(len+"contain"+$("#typeahead").val())); 有人知道怎么做吗 var substringMatcher=函数(strs、q、cb){ 返回(函数(q、cb、名称){ var匹配,子关系x;
var len= matches.length;
$("#WordCounter".text(len+"contain"+$("#typeahead").val()));
有人知道怎么做吗
var substringMatcher=函数(strs、q、cb){
返回(函数(q、cb、名称){
var匹配,子关系x;
//将填充子字符串匹配项的数组
匹配项=[];
//用于确定字符串是否包含子字符串'q'的正则表达式`
substregex=新的RegExp(q,‘i’);
//在字符串池中迭代并查找
//包含子字符串'q',将其添加到'matches'数组中
$。每个(str,功能(i,str){
if(子相关性测试(str)){
//typeahead jQuery插件希望用户提供建议
//JavaScript对象,有关更多信息,请参阅typeahead文档
匹配。推送(名称(str));
}
});
cb(比赛);
}(q,cb,函数(res){返回res});
};
变量状态=[
“a”,
“能够”,
“关于”,
“帐户”,
“酸”,
“跨越”,
“行动”,
“添加”,
“调整”,
“广告”,
];
$。每个(状态、功能(键、值){
$(“#选择”).append($(“”).val(键).text(值));
});
$(“#typeahead”)。关于(“输入”,函数(e){
子字符串匹配器(状态,例如目标值、函数(结果){
$(“#选择”).empty();
$.map(结果、函数(值、索引){
$(“#选择”)。附加($(“”{
“类”:“结果”+索引,
“html”:值
}))
})
})
});
$(“#清除按钮”)。单击(结果);
html{
背景色:#C0;
}
div{
宽度:400px;
保证金:0px自动;
位置:绝对位置;
左:20px;
}
挑选{
宽度:400px;
利润率:40px自动;
位置:绝对位置;
左:20px;
}
查找:
清除
总共10个字
您的代码包含错误的关闭。它必须是:
var len= matches.length;
$("#WordCounter").text(len + " contain " + $("#typeahead").val());
因此,最终的html将是
var substringMatcher=函数(strs、q、cb){
返回(函数(q、cb、名称){
var匹配,子关系x;
//将填充子字符串匹配项的数组
匹配项=[];
//用于确定字符串是否包含子字符串'q'的正则表达式`
substregex=新的RegExp(q,‘i’);
//在字符串池中迭代并查找
//包含子字符串'q',将其添加到'matches'数组中
$。每个(str,功能(i,str){
if(子相关性测试(str)){
//typeahead jQuery插件希望用户提供建议
//JavaScript对象,有关更多信息,请参阅typeahead文档
匹配。推送(名称(str));
}
});
cb(比赛);
}(q,cb,函数(res){返回res});
};
变量状态=[
“a”,
“能够”,
“关于”,
“帐户”,
“酸”,
“跨越”,
“行动”,
“添加”,
“调整”,
“广告”,
];
$。每个(状态、功能(键、值){
$(“#选择”).append($(“”).val(键).text(值));
});
$(“#typeahead”)。关于(“输入”,函数(e){
子字符串匹配器(状态,例如目标值、函数(结果){
var len=results.length;
$(“#WordCounter”).text(len+”包含“++$(“#typeahead”).val());
$(“#选择”).empty();
$.map(结果、函数(值、索引){
$(“#选择”)。附加($(“”{
“类”:“结果”+索引,
“html”:值
}))
})
})
});
$(“#清除按钮”)。单击(结果)代码>
html{
背景色:#C0;
}
div{
宽度:400px;
保证金:0px自动;
位置:绝对位置;
左:20px;
}
挑选{
宽度:400px;
利润率:40px自动;
位置:绝对位置;
左:20px;
}
查找:
清除
总共10个字
是的,它现在可以工作了。谢谢只是想知道我的清除按钮有什么问题!我无法修复它。它必须清除结果,并将小部件框更新到第一步;我的意思是把所有的单词都显示出来。不知道我错在哪里!单击时必须提供回调函数。在您的情况下,结果不是define。