如何在javascript中为phonegap实现搜索function？

我想在java脚本中实现搜索function。我是java脚本的新手。如果我在下面的代码中犯了任何错误，请原谅我。

我该如何实施呢？

我试着像这样实施

JavaScript的

$("#input").keyup(function() { var userInput = $(this).val(); $("#list div").map(function(index, value) { $(value).toggle($(value).text().toLowerCase().indexOf(userInput) >= 0); }); 

}）;

但是，CORDOVA就不会认识到……所以当我实现它时这样做

 document.getElementById("input").keyup(function() { var userInput = val(); document.getElementById("main div").map(function(index, value) { document.getElementById(value).toggle(document.getElementById(value).text().toLowerCase().indexOf(userInput) >= 0); 

现在，我得到一个错误

 05-30 11:59:18.500: INFO/Web Console(930): JSCallback Error: TypeError: Result of expression 'document.getElementById("input").keyup' [undefined] is not a function. at file:///android_asset/www/cordova-2.1.0.js:3727 

HTML

  
 
Rich
 
Rajim
 
vimal
 
RAGHU
  

请给我一个解决方案。

Answer 1

问题是你没有包含JQuery。 一旦你加入它，它就有效。 jsfiddle在这里： http ： //jsfiddle.net/Y49EW/

 $("#input").keyup(function () { var userInput = $(this).val(); console.log("here"); $("#list div").map(function (index, value) { $(value).toggle($(value).text().toLowerCase().indexOf(userInput) >= 0); }); }); 

要包含jQuery：

1）从这里下载jquery（选择一个版本）： http ： //jquery.com/download/

2）将其添加到html页面的head标签中

例如，如果您使用的是1.9.1版本，则需要使用 –