我怎么能跨越下拉菜单

Question

这是我目前的下拉列表

我想让下拉菜单像这样

我正在使用此https://github.com/angular-ui/ui-select2来构建我的下拉列表

• AngularJS
• JQuery的
• 选择二

我不知道如果有任何选项可以跨越下拉菜单。

搜索相关信息的任何关键字？

由于

Answer 1

我不认为您可以展开select元素的下拉列表来创建该效果。要实现此目的，您必须首先创建一个文本框而不是下拉列表。接下来，您必须创建div并将其放在文本框的正下方。在文本框的单击显示div将作为建议。

See this example

我不知道jQuery或Angular，所以我用普通的Javascript设计了这个，但这个例子会给你一个公平的想法。

缺点：这不会作为搜索框。用户必须从下拉列表中选择该选项（与用户可以根据击键进行搜索的下拉列表不同）。

通过进一步扩展代码并在每次击键时重新创建建议div，可以实现类似功能的搜索。

您必须设置文本框样式以将其显示为下拉列表。

提示：您可以检查竞争对手的网站，看看它是下拉列表还是其他内容。使用开发人员工具检查元素。

希望这有帮助。