1

ページに入力があり、ユーザーに任意の値を入力するように求めています。ユーザーの入力に基づいて、データベースから値が表示されます。

たとえば、ユーザーpが入力ボックスに入力すると、 google.comと同じように、プログラマー 1とプログラマー 2が表示されます。これは私がajaxを介して行っています。

私の問題は、プログラマー 1とプログラマー 2が表示された後、下矢印キーを押してもコントロールがプログラマー 1↓に移動せず、検索ボックスにコントロールが保持され、ユーザーはこれらのオプションのいずれかをクリックする必要があることです。ユーザーが下矢印キーを使用して検索候補に到達できるようにしたいと考えています。↓

関数を実装しようとしましFocusたが、機能していないようで、この情報を探す方法がよくわかりません。

コード：

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

どんな助けでも大歓迎です。

4

3 に答える 3

1

ただの提案。独自のコードと戦ったり、キーバインドを行ったりする代わりに。jqueryオートコンプリートを使用する方が良いです。Jqueryオートコンプリートに合うようにコードを簡単に移植できます。これにより、期待するオプションが提供されます。以下のURLを参照してください。 http://jqueryui.com/autocomplete/

于 2013-03-15T06:51:31.893 に答える
0

自動提案またはオートコンプリートをオンにしてみてください。何も機能しない場合は、下矢印の16進コードを使用してキーバインドを試してください。少し暗いですが、多くの場合動作します。キーロガーとして認識できるAVである可能性があります。

于 2013-03-15T06:49:27.440 に答える
0

わかりやすく説明します。後でコードを入力します（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
        }
    }
});

生私はすぐにそれを解決します

于 2013-03-15T06:59:01.310 に答える