javascript - 辞書からの自動提案でテキストエリアを設定する方法

Question

この質問は少し広いです。少なくともいくつかの提案を得ることができるように、十分な調査を行い、ここで質問しました。

自動補完テキストボックス/テキストエリア辞書の提案を設定しようとしています。からオートコンプリートを設定しようとしましJSON data from serverたが、それを行うことができます..しかし、ここで私の質問は、ワープロでテキストを入力するときのように、辞書の単語からの自動提案でテキストエリアを設定できますか. 利用可能なAPIを介して可能ですか?

Answer 1

Google Places Autocomplete APIを試すことができます。関連するSO スレッドを次に示します。SearchGoogle Autocomplete APIの公式ドキュメントが見つかりません。ありがたいことに、誰かがすでに調査を行ってくれました。そこの指示に従ってください。セットアップはそれほど難しくないはずです (両方とも表記された応答でかなり単純に見えますJSON) XML。

Answer 2

TextArea でオートコンプリートを実現する方法はたくさんあると思います。いくつか挙げると

• http://jqueryui.com/autocomplete/
• http://texttextjs.com/

フレームワークも機能も充実しています。

辞書 API の登場

• http://www.google.com/dictionary/json?callback=dict_api.callbacks.id100&q=Sweet&sl=en&tl=en Google の文書化されていない API、JSONPを返す

altervistaのAPIページ

• http://thesaurus.altervista.org/testjs

他の人はほとんどいません

• http://words.bigugelabs.com/api.php
• http://developer.dictionary.com/products
• https://webster.cs.washington.edu/cse154/labs/ajax/urban.php?term=india
• http://www.wordreference.com/docs/api.aspx

Answer 3

サーバーからの JSON 応答にアクセスできる場合は、jQuery を使用できます。http://jqueryui.com/autocomplete/

$(function() {
  function log( message ) {
    $( "<div>" ).text( message ).prependTo( "#log" );
    $( "#log" ).scrollTop( 0 );
  }

  $( "#birds" ).autocomplete({
    source: "search.php",
    minLength: 2,
    select: function( event, ui ) {
      log( ui.item ?
        "Selected: " + ui.item.value + " aka " + ui.item.id :
        "Nothing selected, input was " + this.value );
    }
  });
});

Answer 4

辞書機能でjQueryを使用してください.... http://jqueryui.com/autocomplete/

ここからダウンロードできます

http://jquery.com/download/