cari

Rumah  >  Artikel  >  hujung hadapan web  >  layui如何得到select值

layui如何得到select值

藏色散人
藏色散人asal
2020-12-07 09:24:589105semak imbas

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

layui如何得到select值

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

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

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

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

03809713dcc2aac2b1385641aa629ee.png

模板：

<!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;"><h2>{$rs1.title} >> {$rs.title}</h2></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([&#39;form&#39;, &#39;jquery&#39;], function(){
  var form = layui.form
  ,$= layui.$;
  
// var batch=$("#batch").val();
   
form.on(&#39;select&#39;, function(data){
  console.log(data.elem); //得到select原始DOM对象
  console.log(data.value); //得到被选中的值]
  $("#batch").val(data.value)
  console.log(data.othis); //得到美化后的DOM对象
});  
   
  $(&#39;#editbatchschooltuition&#39;).on(&#39;click&#39;, function(){
  var batch=$("#batch").val();
  alert(batch);
layer.ready(function(){ 
  layer.open({
type: 2,
title: &#39;增加&#39;,
maxmin: true,
area: [&#39;750px&#39;, &#39;400px&#39;],
content: &#39;{:url(&#39;main/addschool&#39;)}?id={$id}&price={$rs.price}&batch=&#39;+batch,
//content: &#39;{:url(&#39;main/addschool&#39;)}&#39;,
cancel: function(){ //刷新网页
  }
  });
});
});
  
});
</script>
</body>
</html>

1d5bee4ee85f5f5d858e40fcd7515c4.png

Atas ialah kandungan terperinci layui如何得到select值. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：layui的tips层怎么用Artikel seterusnya：bootstrap 输入框只读的设置方法

Artikel berkaitan

Lihat lagi