DMOZ中文网站分类目录-免费收录各类优秀网站的中文网站目录.
  • DmozDir.org
DMOZ目录快速登录入口-免费收录各类优秀网站的中文网站目录.由人工编辑,并提供网站分类目录检索及地区分类目录检索,是站长免费推广网站的有力平台!

layui如何得到select下拉框选中的值?

  • layui如何得到select下拉框选中的值?

  • 已被浏览: 104 次2020年09月04日    来源:  https://www.dmozdir.org/
  • layui得到select下拉框选中值的方法:1、引用layui插件(css和js文件);2、获取到select下拉框元素,然后使用val()方法取得值。
    layui如何得到select下拉框选中的值?下面本篇文章介绍一下layui取得select下拉框选中值的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    layui如何得到select下拉框选中的值?

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

    1.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(['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>
    </body>
    </html>

    2.png

    更多web前端知识,请查阅 DMOZ中文网站分类目录 !!

    以上就是layui如何得到select下拉框选中的值?的详细内容,更多请关注DMOZ中文网站分类目录其它相关文章!


    以上信息来源于网络,如有侵权,请联系站长删除。

    TAG:layui

  • 上一篇:为什么选择Bootstrap?
  • 与“layui如何得到select下拉框选中的值?”相关的资讯
  • C#+Layui开发后台管理系统
  • Layui事件监听(表单和数据表格)
  • layui实现侧边栏收缩的方法
  • layui实现关键字搜索
  • layui上传文件data后台怎么获取