2016-03-31 39 views
0

我已經使用了jQuery Tokenize API來實現多選下拉。使用java腳本我已自定義<option>標籤,如模板。創建的多選下拉列表類似於下圖。我的要求是,我有一個文本框它充當過濾器。當我鍵入搜索文本爲java我的下拉應該只加載項目language=Java。請讓我知道是可以在前端做,或者我應該填充數據匹配後端搜索文本。這個問題不是重複的,因爲在我目前的實現中,我可以搜索項目,但使用<option> val和text.but在我的要求中,我修改option模板並將其與下拉列表綁定。所以我想要搜索文字f rom template.if模板內的整個項目模板中的文本應該在下拉菜單中可見。在選項標籤如何將部分Json數據加載到多選下拉列表中

一個項目

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

enter image description here

+0

的可能重複http://stackoverflow.com/questions/1447728/how-to-dynamic-filter-options-of-select-with檢查演示-jquery – llamerr

回答

0

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

是的,這可以用JavaScript來完成。您需要循環選擇選項並對其進行過濾。

你可以從這個答案How to dynamic filter options of <select > with jQuery?

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

+0

更新了我的post.please看看。 – gihan

+0

@gihan對不起,我不認同你的意思。你已經在工作的代碼? '我可以搜索物品'那麼問題是什麼?請提供您的代碼的小提琴 – llamerr

相關問題