如何将部分Json数据加载到多选下拉列表中

Question

我使用jQuery Tokenize API来实现多选下拉。使用java脚本我已经定制了<option>标签，就像模板一样。创建的多选下拉列表如下图所示。我的要求是我有一个文本框，它充当过滤器。当我输入搜索文本为 java 时，我的下拉列表只应加载项language=Java。请让我知道是否可以在前端或者我应该填充与后端搜索文本匹配的数据。这个问题不重复，因为在我当前的实现中我可以使用<option> val和text搜索项目。但在我的要求中我修改{{ 1}}进入模板并用下拉键绑定它。所以我想从模板中搜索文本。如果模板中的文本整个项目模板应该在下拉列表中可见。

选项标记中的一项

option

示例Json

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

Answer 1

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