semantic ui 下拉菜单支持全文搜索/添加列表项/更改事件

白诗秀儿 关注

收藏于 : 2019-01-03 08:13   被转藏 : 3   

semantic ui 下拉菜单支持全文搜索/添加列表项/更改事件

2016年01月04日 14:31:24 王建野 阅读数:3836
个人分类: Semantic ui
本实例是实现品牌型号联动,当品牌更改时,型号列表中会显示这个品牌下的型号。
动态添加列表项,sui并没有提供这个接口,只能是自己写,这种写法是通过观察sui产生的html结构写出的。


前端html代码

上面的Brand的代码是渲染成如下的html结构


再根据对应的css样式可以看到,select元素已经被隐藏起来了,在页面中真正显示的元素是<div >元素了,若是想要增加元素,只需要将新生成的select元素内进行添加option元素就可以实现添加菜单项了。


js代码







 阅读文章全部内容  
点击查看
文章点评
相关文章
白诗秀儿 关注

文章收藏:1308

TA的最新收藏