layui如何得到select值
layui得到select值的方法:首先打开相应的模板代码文件;然后引用layui插件;最后通过“var batch=$("#batch").val();”方法取得下拉框的值即可。
本教程操作环境:Windows7系统、layui2.4版,Dell G3电脑,该方法适用于所有品牌电脑。
推荐:《javascript基础教程》《layUI教程》
layui得到select下拉框选中的值:
引用layui插件,取得下拉框的值
模板:
nbsp;html> <meta> <meta> <title>增加、修改学校/层次/专业</title> <link><div><form><br> <div><h2>{$rs1.title} >> {$rs.title}</h2></div> <div> <label>学费</label> <div> <input> </div> </div> <div> <label>批次</label> <div><select> <option>请选择批次</option> {volist name="batch_rs" id="batch"} <option>{$batch.title}</option> {/volist}</select> </div> </div> <div> <div> <button>立即提交</button> </div> </div></form></div><script></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>