下拉框加入输入框可模糊查询数据
需求:由于下拉框中数据过多,用户翻看十分麻烦,所以提出新需求在下拉框中加入输入功能,进行模糊查询数据并展示在下拉框中。
这里其实可以直接引入组件完成功能,但由于san框架组件引入报错,所以使用了datalist和input结合使用完成功能。
1 | datalist标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。 |
1 | <input list="resourceChoose" value="{= select_value =}" class="pdr-0 c-select resourceChoose"> |
可实现下拉搜索功能
但使用这个方法有一些问题,因为datalist标签无法自定义css样式,导致选择框数据有多长就会显示多长,对用户不友好
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 钥零零の博客!
评论