这篇文章主要介绍layui得到select值的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
layui得到select值的方法:首先打开相应的模板代码文件;然后引用layui插件;最后通过“var batch=$("#batch").val();”方法取得下拉框的值即可。
layui得到select下拉框选中的值:
引用layui插件,取得下拉框的值
模板:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>增加、修改学校/层次/专业</title> <link rel="stylesheet" href="__ADMIN__/common/frame/layui/css/layui.css"> </head> <body> <div class="layui-fluid layui-form"> <form class="layui-form" action="" method="post"> <br> <div style="padding-left: 100px; padding-bottom: 20px;"><h3>{$rs1.title} >> {$rs.title}</h3></div> <div class="layui-form-item"> <label class="layui-form-label">学费</label> <div class="layui-input-block"> <input type="text" name="price" required lay-verify="required" class="layui-input" value="{$rs.price}" readonly> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">批次</label> <div class="layui-input-block"> <select name="batch" id="batch" lay-filter="batch" lay-verify="required" lay-search="required"> <option value="">请选择批次</option> {volist name="batch_rs" id="batch"} <option value="{$batch.id}" {if condition="$rsEdit.batch eq $batch.id"}selected{/if}>{$batch.title}</option> {/volist} </select> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button type="button" id="editbatchschooltuition" class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button> </div> </div> </form> </div> <script src="__ADMIN__/common/frame/layui/layui.js"></script> <script> layui.use(['form', 'jquery'], function(){ var form = layui.form ,$= layui.$; // var batch=$("#batch").val(); form.on('select', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值] $("#batch").val(data.value) console.log(data.othis); //得到美化后的DOM对象 }); $('#editbatchschooltuition').on('click', function(){ var batch=$("#batch").val(); alert(batch); layer.ready(function(){ layer.open({ type: 2, title: '增加', maxmin: true, area: ['750px', '400px'], content: '{:url('main/addschool')}?id={$id}&price={$rs.price}&batch='+batch, //content: '{:url('main/addschool')}', cancel: function(){ //刷新网页 } }); }); }); }); </script> </body> </html>
以上是“layui得到select值的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。