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

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

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

模板:

增加、修改学校/层次/专业

{$rs1.title} >> {$rs.title}

学费

批次

请选择批次

{volist name="batch_rs" id="batch"}

{$batch.title}

{/volist}

立即提交

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(){ //刷新网页

}

});

});

});

});

更多web前端知识,请查阅 HTML中文网 !!

layui下拉框怎么获取自定义值_layui如何得到select下拉框选中的值?相关推荐

  1. select html默认选中的值,HTML/jquery中的select标签设置默认选中取值

    一.jQuery中的select标签设置默认选中取值 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如 1.设置value为pxx的项选中 $(" ...

  2. layui下拉框怎么获取自定义值_layui select获取自定义属性方法

    在layui里面给了特定几个自定义属性title 请选择属性 雪碧 芬达 冰糖雪梨 金贝 监听select form.on('select(sadaS)', function(data){ conso ...

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

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

  4. 前端下拉框能支持手动输入_可输入的select下拉框

    当select下拉框中没有要选择的信息项时,可以直接在select中输入自己想要得信息项. 在输入信息项时,不改变select下拉框中原有的信息项. 通过Backspace键可以清除刚才输入的信息项, ...

  5. 如何实现自定义下拉组件,select下拉框样式自定义,带搜索的select下拉框

    1.实现的效果 2.实现说明 3.完整代码 一.实现的效果: 二.实现说明: 1.由于无法修改原生select中的option样式,因此自己通过ul,li实现下拉列表,用input实现回显框: inp ...

  6. html下拉选择图片,图片+JavaScript+CSS打造漂亮的select下拉选择框

    下拉select选择框 body{margin:20px auto;font-family:Arial,Helvetica,sans-serif;font-size:12px;width:950px; ...

  7. html 下拉组件被下面的组件挡住,div被select下拉框挡住了--5种解决方法

    在IE中,select属于window类型控件,它会"挡住"所有非window类型控件 可以这么理解,div这样的组件是在浏览器客户区使用代码"渲染"的, 他们 ...

  8. 如何根据一个值来动态让select下的option选中

    html如下: <select id="test"><option value="0">请选择</option><op ...

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

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

最新文章

  1. pil ImportError: DLL load failed: 找不到指定的模块
  2. mysql 复杂统计_MYSQL复杂查询
  3. apache和tomcat开启GZIP功能
  4. 计算机组成原理实验八报告,计算机组成原理实验报告-八位补码加减法器的设计与实现.docx...
  5. java 实体类属性排序_按照list中实体类的某一属性排序
  6. 前端是Sencha Touch+ Cordova(转)
  7. 多用类型常量,少用#define预处理指令
  8. Android 9.0 HIDL接口添加
  9. WIN10中如何关闭Windows Search
  10. 通过银行卡号获取银行名称
  11. python连接微信运动_用Python霸屏微信运动,横扫支付宝榜单 !
  12. 编程:Python实现图片识别
  13. Sentiment140数据集
  14. Qt基于FFmpeg读取摄像头并进行H264编码
  15. MapReduce 切片源码中SPLIT_SLOP等于1.1的原因分析(TextInputFormat)
  16. Android源码层修改默认时区
  17. 发一个自己常用的通信词汇缩写表(实时更新)
  18. Unity局部坐标与世界坐标
  19. 计算机无法进入增值税认证平台,增值税勾选认证平台无法进入是什么原因?其他网页都能打开,就这个网页打不开...
  20. Intel 8086处理器

热门文章

  1. 201809-1—卖菜
  2. 【李宏毅2020 ML/DL】P77 Generative Adversarial Network | Theory behind GAN
  3. Android 7.1 App Shortcuts使用
  4. linux 链表头文件,Linux下单链表的实现
  5. 构建指定仓库_使用Travis CI自动构建和部署你的GitBook
  6. lisp 设计盘形齿轮铣刀_齿轮是怎么来的——图解6种齿轮加工工艺
  7. 机器人 考研 计算机专业,机器人工程考研方向
  8. mysql中sysdate函数转字符串_【转】MySQL:日期函数、时间函数总结(MySQL 5.X)
  9. Linux-目录和文件管理(二)
  10. info matlab,c – 在OpenCV中是否有类似MATLAB的’impixelinfo()’功能?