在选择为选项

Question

我正在做一个列表，用户可以使用输入文本对其进行过滤。现在，该字段与 select 分开，我将输入设置为一个选项，如此图像

这是我的CODE。非常感谢你！

    <div class="row">
  <div class="col-md-2">
    Search: <input ng-model="query"> 
  </div>
  <div class="col-md-10">
    <!--Body content-->

    <select class="phones">
      <option ng-repeat="phone in phones.data | filter:query">
        <span>{{phone.name}}</span>  
        <span>{{phone.age}}</span>
      </option>
    </select>

  </div>
</div>

Answer 1

这是一项有点复杂的任务，我建议您使用现有的组件/库，除非您的要求非常非常特殊。

我可以推荐选择，这将有助于您通过文本框过滤来创建下拉菜单：

https://github.com/harvesthq/chosen

根据评论中的要求，不仅需要从单词的开头搜索，还需要选择选项才能实现这一点 - 它被称为＆＃34; search_contains＆＃34;。有关详细信息，请参阅选择的文档：

http://harvesthq.github.io/chosen/options.html

另请参阅此StackOverflow问题＆＃34; search_contains＆＃34;：

Changing search behavior in jquery plugin Chosen