Bootstrap入力推奨ライブラリaut suggaest.js

ライト級の入力ヒントコントロールaut suggaest.githubアドレス：https://github.com/androiddevelop/autosuggest.js。まず次の例を見ます。
http://example.codeboy.me/autosuggest/index.html
aut suggaest.js
Bootstrapに適用するAjax入力推奨コントロール（Demo）
boot complette.jsの基礎の上で大幅に改善して、次のように変更します。

テキストボックスは、フォーカスを外すときに自動的に入力ヒントコンポーネント

を隠します。

最大提案数制限（maxNum）

を追加します。

キーボードの方向キーの選択を増加します。

テキスト配置選択を追加します。

エコカートリガ関数（nextStep）

を追加します。

分離子で分割された連想を追加します。

依存

jQuery（>=1.0）

Bootstrap(>=3.0)

基本的な使い方

$('#input').autosuggest({url:'/search.php'});

Jsonデータフォーマット（必須）

[ 
  {
   "id" : someId, 
   "label" : "some label name"
  }
]

サービスからデータを返す場合は、この形式ではないので、修正してください。
パラメータ
url:
要求住所を提出すると、jsonファイルでもいいです。
method(必須ではない):
要求方式（get、  post）、デフォルトgetqueryParame(必須ではない):
現在の入力ボックスの値を転送するときのパラメータ名は、デフォルトです。  query、すなわち、get方式であり、この値がデフォルト値である場合、urlは  xxx.com?query=input_value ,この値を設定すると  search ,urlは  xxx.com?search=input_valuealign(必須ではない):
配置、標準左揃え、オプション  left ,  center ,  rightwrapperClass（必須ではない）：
入力ボックスの外層divを囲むcssスタイル
menuClass（必須ではない）：
自動補完メニューのcssスタイルは、カスタマイズが必要な場合に提供してください。
minLength(必須ではない):
開始要求の最小長さは>=この長さだけで、推奨枠が表示されます。デフォルトの最小長さは  2maxNum(必須ではない):
最大の推奨数は、デフォルトで最大です。  10 ヒント
highlight（必須ではない）：
マッチした内容をハイライト表示するかどうか、標準設定  falseスプリット（必須ではない）：
区切り記号は、たとえばテキストボックスに複数の省を入力し、コンマで区切る必要があります。  split を選択します  , , その後  autosuggest.js 最後のコンマの後の内容に基づいて提案します。標準は次のようになります。  null ，テキストボックスのすべての入力をテキストとして推奨します。
next Step(必須ではない):
提案語を選択したら、ボックスが消えたら、リターンの実行する関数をクリックしてください。
extra(必須ではない):
queryParam以外のパラメータを使用します。

 "key1" : "value1",
 "key2" : "value2"

例

//    
$("#test").autosuggest({
    url: 'city.json',
    queryParamName: 'search',
});

//    
$("#test").autosuggest({
    url: 'city.json',
    minLength: 1,
    maxNum: 3,
    align: 'center',
    queryParamName: 'search'
    method: 'post',
    queryParamName: 'search',
    extra: {
        "key1": "value1",
        "key2": "value2"
    },
    nextStep: function () {
        alert("test");
    },
    split: ' '
});

何か問題がありましたら、メールで送ってください。[email protected]交流します。