var addressid = $('#addressid[name=addressid]').val()
form.on('select(filter)', function(data){console.log(data.elem); //得到select原始DOM对象console.log(data.value); //得到被选中的值console.log(data.othis); //得到美化后的DOM对象console.log(data.elem[data.elem.selectedIndex].text); //得到文本内容
});  

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

模板:

<!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>

layui 如何取得select下拉框选中的值相关推荐

  1. layui下拉框怎么获取自定义值_layui如何得到select下拉框选中的值?

    layui如何得到select下拉框选中的值?下面本篇文章介绍一下layui取得select下拉框选中值的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layui如何得到se ...

  2. Element Select下拉框 选中后视图没有渲染等问题

    Element Select下拉框 选中后视图没有渲染等问题解决办法: 实质就是数据层级太深,当数据改变后,视图没有重新渲染,所以通过$forceUpdate() ,来强制刷新视图,重新渲染,这个比较 ...

  3. TP中给select下拉框选中的内容搜索选中seleted

    开发某个搜索功能时,在select下拉框选中条件后,单击搜索后总是重置下拉框条件,不能固定之前选中的条件.因此使用TP框架中的IF标签来实现. 代码如下: <select name=" ...

  4. python获取select选中的值_Python3.x:遍历select下拉框获取value值

    Python3.x:遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 s ...

  5. select下拉框选中不显示

    select下拉框选中不显示 1.浏览器缓存问题,可以尝试清楚浏览器缓存 2.代码问题,先查看代码是否正确, 3.编译问题,重新编译代码即可

  6. 动态渲染select下拉框选中状态

    动态渲染select下拉框选中状态 <div><select name="selectBox" id="" class="selec ...

  7. html 下拉框 设置默认值,如何设置HTML select下拉框的默认值?

    想要设置HTML select下拉框的默认值,可以在所需选项上使用"selected"属性来设置select元素的默认值,这是一个布尔属性.默认情况下,具有"select ...

  8. JavaScript案例 全选 获取下拉框选中的值

    <script type="text/javascript">function choice(obj){var checkbox = document.getEleme ...

  9. vue elementUI select下拉框设置默认值

    关于element select框默认值赋值不成功问题,注意两点: v-model里面的数据和遍历出来value值数据类型不一样.!!!! (例:item.provinces类型是number,pro ...

最新文章

  1. 构造post_用requests构造简单请求
  2. 一起学设计模式 - 命令模式
  3. ECshop中defined('IN_ECS')的实现原理
  4. [原创] debian 9.3 搭建Jira+Confluence+Bitbucket项目管理工具(三) -- 安装confluence 6.6.1
  5. 在Excel中实现查询功能
  6. MDK升级后的头文件冲突
  7. Easyui+Spring+Mybatis完整示例(前台)
  8. 设计模式:单例模式7种写法
  9. 初学Reporting Service2008
  10. 3种方法实现Android按钮的点击事件,建议收藏!
  11. myeclipse使用步骤总结
  12. mysql数据库文件结构同步,[数据库的表同步mysql]MySQL表结构同步
  13. Subsonic使用
  14. 2015-5-10分享的PDF
  15. mysql cnf和ini区别_再谈mysql的配置文件my.ini or my.cnf (之一) .
  16. 必要的先决条件安装失败_先决条件
  17. 史上最搞笑的程序员段子,有图有真相!
  18. 用echarts写潮汐表,并处理后端传来的数据为潮汐表接口的数据
  19. uni-app云开发的网盘助手微信小程序源码
  20. vs code里面的less插件一直报错_ipad4现在怎么登微信?一直显示微信版本过低怎么办...

热门文章

  1. UE4+手柄对应按键测试
  2. 使用IJKPlayer播放视频实现了一些播放视频的基本操作
  3. PIPI1003: 最少钱币数c++
  4. Java--计算奇数和偶数例子
  5. arduino编乐谱_基于Arduino的电子音乐发声器设计
  6. Photoshop标尺单位介绍以及录制动作标尺单位选择的重要性
  7. C++课后作业 3. 教材习题4_8:定义Dog类,包含age和weight信息
  8. java 实现文字转语音功能并同时生成语音文件 demo
  9. 没有躲过的坑--string中的c_str()陷阱
  10. STM32MP157C-DK2->Develop on Arm® Cortex®-A7之 C语言开发LED例程