本实例是实现品牌型号联动,当品牌更改时,型号列表中会显示这个品牌下的型号。
动态添加列表项,sui并没有提供这个接口,只能是自己写,这种写法是通过观察sui产生的html结构写出的。
前端html代码
上面的Brand的代码是渲染成如下的html结构
再根据对应的css样式可以看到,select元素已经被隐藏起来了,在页面中真正显示的元素是<div class="menu">元素了,若是想要增加元素,只需要将新生成的select元素内进行添加option元素就可以实现添加菜单项了。
js代码