今天项目上要实现一个select选择框并动态获取数据展示,当选择下拉中的数据时获取到当前被选中的value值,并将参数值传给后台。
本想随便写个select下拉框,但样式太不美观,重写样式也比较麻烦,还是使用layUI自带的吧。效果如下
这里强调一下,引用layUI自带的select 需要引入layui-form类,否则样式引用不上。
对于select的option选项,这里使用的layUI模板引擎渲染
监听选中,select(healthReport)是select定义的属性lay-filter的值。
lay-filter | 任意字符 | 事件过滤器(公用属性),主要用于事件的精确匹配,跟选择器是比较类似的。 |
最后就可以将取到的参数传给要请求后台的方法。