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

本实例是实现品牌型号联动，当品牌更改时，型号列表中会显示这个品牌下的型号。
动态添加列表项，sui并没有提供这个接口，只能是自己写，这种写法是通过观察sui产生的html结构写出的。

前端html代码



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



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

js代码