layui 如何取得select下拉框选中的值
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下拉框选中的值相关推荐
- layui下拉框怎么获取自定义值_layui如何得到select下拉框选中的值?
layui如何得到select下拉框选中的值?下面本篇文章介绍一下layui取得select下拉框选中值的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layui如何得到se ...
- Element Select下拉框 选中后视图没有渲染等问题
Element Select下拉框 选中后视图没有渲染等问题解决办法: 实质就是数据层级太深,当数据改变后,视图没有重新渲染,所以通过$forceUpdate() ,来强制刷新视图,重新渲染,这个比较 ...
- TP中给select下拉框选中的内容搜索选中seleted
开发某个搜索功能时,在select下拉框选中条件后,单击搜索后总是重置下拉框条件,不能固定之前选中的条件.因此使用TP框架中的IF标签来实现. 代码如下: <select name=" ...
- python获取select选中的值_Python3.x:遍历select下拉框获取value值
Python3.x:遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 s ...
- select下拉框选中不显示
select下拉框选中不显示 1.浏览器缓存问题,可以尝试清楚浏览器缓存 2.代码问题,先查看代码是否正确, 3.编译问题,重新编译代码即可
- 动态渲染select下拉框选中状态
动态渲染select下拉框选中状态 <div><select name="selectBox" id="" class="selec ...
- html 下拉框 设置默认值,如何设置HTML select下拉框的默认值?
想要设置HTML select下拉框的默认值,可以在所需选项上使用"selected"属性来设置select元素的默认值,这是一个布尔属性.默认情况下,具有"select ...
- JavaScript案例 全选 获取下拉框选中的值
<script type="text/javascript">function choice(obj){var checkbox = document.getEleme ...
- vue elementUI select下拉框设置默认值
关于element select框默认值赋值不成功问题,注意两点: v-model里面的数据和遍历出来value值数据类型不一样.!!!! (例:item.provinces类型是number,pro ...
最新文章
- 构造post_用requests构造简单请求
- 一起学设计模式 - 命令模式
- ECshop中defined('IN_ECS')的实现原理
- [原创] debian 9.3 搭建Jira+Confluence+Bitbucket项目管理工具(三) -- 安装confluence 6.6.1
- 在Excel中实现查询功能
- MDK升级后的头文件冲突
- Easyui+Spring+Mybatis完整示例(前台)
- 设计模式:单例模式7种写法
- 初学Reporting Service2008
- 3种方法实现Android按钮的点击事件,建议收藏!
- myeclipse使用步骤总结
- mysql数据库文件结构同步,[数据库的表同步mysql]MySQL表结构同步
- Subsonic使用
- 2015-5-10分享的PDF
- mysql cnf和ini区别_再谈mysql的配置文件my.ini or my.cnf (之一) .
- 必要的先决条件安装失败_先决条件
- 史上最搞笑的程序员段子,有图有真相!
- 用echarts写潮汐表,并处理后端传来的数据为潮汐表接口的数据
- uni-app云开发的网盘助手微信小程序源码
- vs code里面的less插件一直报错_ipad4现在怎么登微信?一直显示微信版本过低怎么办...
热门文章
- UE4+手柄对应按键测试
- 使用IJKPlayer播放视频实现了一些播放视频的基本操作
- PIPI1003: 最少钱币数c++
- Java--计算奇数和偶数例子
- arduino编乐谱_基于Arduino的电子音乐发声器设计
- Photoshop标尺单位介绍以及录制动作标尺单位选择的重要性
- C++课后作业 3. 教材习题4_8:定义Dog类,包含age和weight信息
- java 实现文字转语音功能并同时生成语音文件 demo
- 没有躲过的坑--string中的c_str()陷阱
- STM32MP157C-DK2->Develop on Arm® Cortex®-A7之 C语言开发LED例程