Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更新单词列表中搜索框中包含用户键入内容的单词/字母数?_Javascript - Fatal编程技术网

Javascript 如何更新单词列表中搜索框中包含用户键入内容的单词/字母数?

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;

我一直试图在用户搜索任何字母/单词时,使窗口小部件框上方的行(“总共10个单词”)动态变化,但未能成功。该行应更改为例如“2个包含'ab'的单词”

我使用了这行代码,但不起作用:

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。