javascript - 部分的なJsonデータを複数選択ドロップダウンリストにロードする方法

Question

jQuery Tokenize APIを使用して複数選択ドロップダウンを実装しました。Javaスクリプトを使用して<option>、テンプレートのようにタグをカスタマイズしました。作成された複数選択ドロップダウンリストは、次の画像のようになります。私の要件は、フィルターとして機能するテキストボックスがあることです.javaとして検索テキストを入力すると、ドロップダウンはアイテムのみをロードする必要がlanguage=Javaあります.フロントエンドでそれを行うことは可能ですか、それともバックエンドから検索テキストに一致するデータを入力する必要があるか教えてください.この質問は重複していません.私の現在の実装では、項目を検索できますが、<option>val と text. を使用していますが、私の要件では変更しますoptionテンプレートに入れ、ドロップダウンでバインドします。テンプレートからテキストを検索したいのですが、テンプレート全体のアイテムテンプレート内のテキストがドロップダウンに表示される必要があります。

オプションタグ内の1項目

 <ul>
    <li>id:1</li>
    <li>language:Java</li>
    <li>edition:second</li>
 <ul/>

サンプル Json

{
   "book": [

      {
         "id":"01",
         "language": "Java",
         "edition": "third",
         "author": "Herbert Schildt"
      },

      {
         "id":"07",
         "language": "C++",
         "edition": "second",
         "author": "E.Balagurusamy"
      },
      {
         "id":"08",
         "language": "Java",
         "edition": "second",
         "author": "Gihan"
      }
   ]
}