如何使输入搜索框上的向下箭头工作?

时间:2013-03-15 06:28:28

标签: javascript ajax

我的页面上有一个输入,我要求用户键入任何值,并根据他的条目从数据库中显示值。

例如,如果用户在输入框中键入p,则会显示程序员1 程序员2 ,就像在 google中一样。 COM 。这是我通过ajax做的。

我的问题是在显示程序员1 程序员2 之后,向下箭头键没有将控件带到< em> programmer 1 ,而是将控件保留在搜索框中,用户必须单击这些选项中的任何一个。我希望用户能够使用向下箭头键来查看他的搜索建议。

我试图实现Focus功能,但似乎没有用,我真的不知道如何查找这些信息?

代码:

<input type="text" name="searchbox" class="search_input" id="searchboxid" autocomplete="off" autofocus="on" onkeyup="suggest(this.value)" placeholder="Please search here..."/>

任何帮助将不胜感激。

3 个答案:

答案 0 :(得分:1)

只是一个建议。 而不是与你自己的代码打架或去键入绑定的东西。最好使用jquery自动完成。您可以轻松移植代码以适应Jquery自动完成。它提供了您期望的选项。 请参阅以下URL。 http://jqueryui.com/autocomplete/

答案 1 :(得分:0)

尝试使用autosuggest或自动完成功能。如果没有,请尝试通过十六进制代码进行键绑定以获得向下箭头它有点暗,但它在许多情况下有效,只有概率可能是AV,它可以将其识别为键盘记录器。

答案 2 :(得分:0)

Oke简短说明:我稍后会输入代码(15分钟)

HTML:

<input type=""text id="r0">
<div id="r1">the damn results</div>
<div id="r2">another dman result</div>

Jquery的:

$("body").keydown(function (e) {
    if (e.keyCode == 38) {  //up-arrow

//check wich one is focus
//?????
//r
        if ($("#" + rId).length > 0) {
            //focus on this element
        }
    }

    if (e.keyCode == 40) {  //down-arrow

//check wich one is focus
//?????
//r
        if ($("#" + rId).length > 0) {
            //focus on this element
        }
    }
});

原始我将在第二个

中解决