layui得到select值的方法：首先打开相应的模板代码文件；然后引用layui插件；最后通过“var batch=$("#batch").val();”方法取得下拉框的值即可。

本教程操作环境：Windows7系统、layui2.4版，Dell G3电脑，该方法适用于所有品牌电脑。

推荐：《javascript基础教程》《layUI教程》

layui得到select下拉框选中的值:

引用layui插件，取得下拉框的值

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

模板：

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>