JSダイナミックローディング入力メッセージ

アイデア：使用<データリスト>タグには、オプションのリストを定義します。可能な値の入力を定義するために、要素と組み合わせて使用​​される入力要素をしてください。データリストとそのオプションが表示されません、それは、値のリストのみ正当な入力です。データリストバインドする要素の入力リストの属性を使用します。

最初のページのロード時間データリストオプション値1.（アレイ）をロードし、グローバル変数に入れました。

2.入力ボックスに情報を入力応答関数をトリガします。

htmlコード

<input type = "text" のプレースホルダ= "学校名" オートコンプリート=リスト "ON" = "マイリスト" onkeyupの= "検索（この）" />

<データリストID = "マイリスト"> </データリスト>

 

JSコード：

<スクリプト>
   のvar schoolList = [ "北京大学"、 "清华大学"、 "复旦大学"、 "农业大学"]。
    機能の検索（OBJ）{ 
        $（ "＃1 mylistという"）（空）。
        VAR tea_school = obj.value。
        （;;私は<schoolList.length ++ I I = 0）のための
        {
            するif（！。tea_school = "" && schoolList [i]を.match（tea_school +」* "！）= NULL）
            {
                VARオプション=" <オプション> "+ schoolList [I] +" </オプション> ";  
                。$（ "＃1 mylistという"）（オプション）を追加します。
            }
        }
    }
  </ SCRIPT>