如何將部分Json數據加載到多選下拉列表中

Question

我已經使用jQuery Tokenize API來實現多選下拉列表。使用Java腳本，我已經像模板一樣自定義了<option>標簽。創建的多選下拉列表如下圖所示。我的要求是我有一個文本框作為過濾器。當我以Java鍵入搜索文本時，我的下拉列表應該只加載language=Java項。請讓我知道是否可以在前端執行此操作，還是應該從后端填充與搜索文本匹配的數據？問題不是重復的，因為在我當前的實現中，我可以搜索項目，但可以使用<option> val和text。但是在我的要求中，我將option修改為template並通過下拉列表將其綁定。所以我想從template.if中搜索文本在模板中，整個項目模板應該在下拉菜單中可見。

選項標簽中的一項

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

樣本傑森

{
   "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"
      }
   ]
}

Answer 1

Please let me know is it possible to do it in front end

是的，可能與javascript有關。 您需要遍歷選擇選項並對其進行過濾。

您可以從此答案檢查演示如何使用jQuery動態篩選<select>選項？

http://www.lessanvaezi.com/wp-content/uploads/2011/07/filterByText.html