关于layui中动态添加的select获取value和text的说明

在一次实习中，使用了layui做前端，flask用于后端的工作。

在layui弹出层中，弹出了一个form表单，在表单中需要使用联动下拉框。

但是遇到了一个小问题，就是在动态添加了option之后，无法正确获取value和text。

使用网上的方法

1.var data=$("#lay-filter").val()

2.var myselect=document.getElementById(“test”);

   var index=myselect.selectedIndex ;

    myselect.options[index].value;

这两种方式都无法正确获取到select中的value。

 

在苦苦搜寻之后，找到了有效的解决办法：

form.on(select("lay-filter"),function(data){

      var data2=data.value;

      var text=data.text;

})

以上可以正确获取select中的value。