layui得到select值的方法:首先打开相应的模板代码文件;然后引用layui插件;最后通过“var batch=$("#batch").val();”方法取得下拉框的值即可。
本教程操作环境:Windows7系统、layui2.4版,该方法适用于所有品牌电脑。
layui得到select下拉框选中的值:
引用layui插件,取得下拉框的值
模板:
增加、修改学校/层次/专业{$rs1.title} >> {$rs.title}
学费
批次
请选择批次
{volist name="batch_rs" id="batch"}
{$batch.title}
{/volist}
立即提交
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(){ //刷新网页
}
});
});
});
});