0

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

选项标签中的一项

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

在此处输入图像描述

4

1 回答 1

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

于 2016-03-31T11:31:17.670 回答