下面我就为大家分享一篇layui select动态添加option的实例，具有很好的参考价值，希望对大家有所帮助。
html
登录后复制
js
//重新渲染表单function renderForm(){ layui.use('form', function(){ var form = layui.form();//高版本建议把括号去掉，有的低版本，需要加() form.render(); }); }//增加产品类别按钮点击事件function addProductClassify(){ layer.open({ type:1, btn:['确定','取消'], content:$("#select_prod"), area:['270px','160px'], //当前层索引参数（index）、当前层的DOM对象（layero） yes:function(index,layero){ //获取input输入的值 var ivalue=$(layero).find("input").val(); //获取要添加的option的索引 var sIndex=$("#zcySelect")[0].options.length-1; if(ivalue==null||ivalue==''){ layer.msg("请输入产品类别") } else{ layer.msg("输入的产品类别是："+ivalue); //为select添加option $("#zcySelect").append(""+ivalue+""); renderForm();//表单重新渲染，要不然添加完显示不出来新的option layer.close(index); } $(layero).find("input").val(''); } })}登录后复制
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在webpack中如何使用external模块
在webpack中如何使用external模块
在webpack中如何使用external模块
以上就是layui select动态添加option的实例的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2752673.html
