工作需要写一个带搜索功能的下拉框,而且下拉框还能供选择,于是有了下一波的操作:
html代码:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsICM38FdsYkRGZkRG9lcvx2bjxiNx8VZ6l2cs4mSXR2d5ETWzgnMMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnL2MDO0QzM1gTM4ATMxkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
这是下拉框部分代码 页面上通过点击显示这一部分
js代码 : (点击选择按钮的事件)
(为了点击其他地方关闭下拉框则有了如下的操作)
我是把筛选的方法写在请求的回调函数里面的:
因为HTML规定select下面只能用option,所以只能用其他标签拼接!!!
最终实现
第一次写技术博客,可能描述的不是很清楚,有疑问的qq:1129478244 工作时间都在线
工作需要写一个带搜索功能的下拉框,而且下拉框还能供选择,于是有了下一波的操作:
html代码:
这是下拉框部分代码 页面上通过点击显示这一部分
js代码 : (点击选择按钮的事件)
(为了点击其他地方关闭下拉框则有了如下的操作)
我是把筛选的方法写在请求的回调函数里面的:
因为HTML规定select下面只能用option,所以只能用其他标签拼接!!!
最终实现
第一次写技术博客,可能描述的不是很清楚,有疑问的qq:1129478244 工作时间都在线