过滤选项时保持下拉<select>控件处于打开状态

Question

我正在尝试为移动用户实现此“过滤下拉列表”模式： 当然，默认情况下，控件是关闭的，直到用户单击它为止。 有没有简单的方法可以使其始终打开？我知道那绝对不是严格的“下拉列表”，更像是传统的Windows“列表”控件。 （多次选择不适用于此应用程序）。 如果相关，我正在使用VueJS。 我当前的代码：     

开始输入您的郊区名称...

         
                          {{市郊}}              

Answer 1

我使用此组件 https://paliari.github.io/v-autocomplete/，它非常可定制

Answer 2

如果它始终处于打开状态，则可以使用<input type="radio">。

创建一个可过滤列表，例如：https://www.w3schools.com/howto/howto_js_filter_lists.asp

然后，您可以代替他们使用的<a>标签，而可以设置单选输入的样式。