layui得到select值的方法

發(fā)布時(shí)間：2020-12-07 10:52:20 來源：億速云閱讀：1148 作者：小新欄目：web開發(fā)

這篇文章主要介紹layui得到select值的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

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

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

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

layui得到select值的方法

模板：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>增加、修改學(xué)校/層次/專業(yè)</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">學(xué)費(fèi)</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="">請(qǐng)選擇批次</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對(duì)象
  console.log(data.value); //得到被選中的值]
  $("#batch").val(data.value)
  console.log(data.othis); //得到美化后的DOM對(duì)象
});  
   
  $('#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(){ //刷新網(wǎng)頁
  }
  });
});
});
  
});
</script>
</body>
</html>

layui得到select值的方法

以上是“l(fā)ayui得到select值的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

layui得到select值的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽