10

テキストエリア内で提案/オートコンプリートするjQueryプラグインはありますか?

私が望むのは、以下の例の画像のようなテキストエリアで、提案された単語またはオートコンプリートされたテキストをユーザーに提供することです:

オートコンプリート ボックスのデモ

4

4 に答える 4

4

それを行うオートコンプリート プラグインがあります。データベースからデータを取得する場合は、jQuery に含まれているajax APIを使用することをお勧めします。

このようなもの

$('textarea').keyup(function(){
  $.post('ajax/test.php', function(data) {
   $('#example').autocomplete(data);

   });

});

また、これはアイデアを提供するための基本的な構造にすぎないことも忘れないでください。

PS私はこれがあなたのすべてのニーズを満たすはずだとわかりました。

于 2010-12-01T22:07:07.467 に答える
0

これはハックのように見えるかもしれませんが、実際にはテキストエリア内の次の単語の位置にあるテキスト入力に入力しているのに対し、ユーザーがテキストエリアに入力しているように模倣することができます。オートコンプリートからの提案、またはこのオーバーレイされたテキスト入力内の入力またはスペースをヒットすると、テキスト入力内の現在の単語がテキストエリアに追加された状態でテキスト入力を削除できます。

テキスト入力でオートコンプリートを行うには、jquery で利用可能な多数のプラグインからプラグインを使用できます。

于 2011-10-21T08:58:56.560 に答える
0

ソース コードを少し変更するだけで、gcompleteは google api を使用して何でもオートコンプリートできます。タグに関する動作を変更できますinput[text]。

プラグインに変更を加え、最後の単語をオートコンプリートしました。github.com/rkmax/gcompleteでテストできます。

私は取り組んでいます: - 現在の単語をオートコンプリートします。-SimpleCoderのおかげで、行数（視覚的）とTextareaの現在のカーソル位置を決定して、カーソルのすぐ隣に単語のリストを表示します

于 2011-10-22T21:28:16.290 に答える
0

jQueryUI (jQuery と同じ Web サイト) を参照する場合は、オート コンプリートに次を使用できます: http://jqueryui.com/demos/autocomplete/

これも簡単な実装です:)

それが役立つことを願っています!

于 2010-12-01T22:12:40.830 に答える