0

我想在 java 脚本中实现搜索功能。我是 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

<input type="text" id="input"/>
<div id="list">
<div>Rich</div>
<div>Rajim</div>
<div>vimal</div>
<div>RAGHU</div>
</div>

请给我一个解决方案。

4

1 回答 1

3

问题是您不包括 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）将此添加到head您的html页面的标签中

 <script type="text/javascript" src="jquery-versionyouchoosed.js"></script>

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

 <script type="text/javascript" src="jquery-1.9.1.js"></script>
于 2013-05-30T07:35:07.467 回答