用layui实现下拉框select多选,取值

匿名 (未验证) 提交于 2019-12-02 23:51:01

在layui中实现下拉框select多选,取值




html

form.on('select(multi)', function (data) { // 打开控制台查看效果     onsole.log(data.elem); //得到select原始DOM对象     console.log(data.value); //得到被选中的值(数组类型)     console.log(data.othis); //得到美化后的DOM对象     console.log(data.current_value); //当前操作的值(选中或取消的值) }) 

赋值

// 有两种赋值方式: 1. 直接在option中写selected。 2. 通过 js 赋值。 // 1. 直接在option中写selected <select name="多选+搜索+大小写不敏感" multiple="" lay-search="">     <option value="">请选择您的兴趣爱好</option>     <option>sing1</option>     <option selected="">sing2</option>     <option>SING1-大写</option>     <option>movie1</option>     <option selected="">movie2</option>     <option>movie3</option>     <option>MOVIE4</option>     <option>swim</option>     <option>moon</option> </select> // 2. 通过 js 赋值。 <select name="简化多选+搜索+大小写敏感" multiple="" lay-search="" lay-case="" lay-omit="">     <option value="">请选择您的兴趣爱好</option>     <option>sing1</option>     <option>sing2</option>     <option>SING1-大写</option>     <option>movie1</option>     <option>movie2</option>     <option>movie3</option>     <option>MOVIE4</option>     <option>swim</option>     <option>moon</option> </select> <script>     // 手动赋值     $('select[name="简化多选+搜索+大小写敏感"]').val(['sing1', 'movie2']);     form.render(); </script> 
文章来源: https://blog.csdn.net/gs981600308/article/details/96997967
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!