前端踩坑大杂烩(一)之layui的select
最近在用layui写一些后台页面的东西,今天在写select下拉框的时候卡了一会儿壳,经过一行行调试,终于找到了问题所在。
出现问题
我在动态添加select下面的option元素后,用form.on监听选中事件,结果无论我怎么去获取,都得不到选中的项的序号,也就是这个值:
data.elem.selectedIndex
排查问题
在打印之后发现,不管我选中哪个,这个序号每次都是最后一项的序号,也就是说,LAYUI无法获取我选中的项。
解决问题
option的value值不能为空,如果为空的话,由于LAYUI内部的机制,这个选项中的序号将永远返回最后一项的序号,加上value值就解决了。
活到老学到老