使用layui框架的select获取选中的值

最新推荐文章于 2024-08-30 07:57:20 发布
最新推荐文章于 2024-08-30 07:57:20 发布
阅读量2.2w 收藏 7
点赞数 1
分类专栏： layui

 

原文地址：https://www.cnblogs.com/lhy-555/p/9593844.html

在使用时需要注意：select标签的外层需要加上类名".layui-form"

 

接下来就是根据需求来改变下拉框的内容了，直接给select的option重新赋一次值，记得加上对应的value属性。这里要和layui.js动态加上的dd标签的lay-value属性一致

 

 

重点来了！！！如何获取下拉框选中的值呢？图又来了

当然也可以，通过option的value值获取它的属性，比如id属性，同样也能根据id获取option的文本内容了

u011105380
关注
专栏目录
layui 监听select选择 获取当前select的ID名称方法
12-13
监听select选择 form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 }); 获取自定义属性 data.elem.getAttribute("data-id") 例子：取得ID名称 form.on('select', function(data){ //console.log(data.elem); //得到se
【layui】Layui 中获取 select选择的值 onchange事件
牛哞哞杂记
11-12 3622
实现效果： 选中 select选择框的一个值时，将另一文本框显示出来。 h5代码： <select name="content_type" lay-verify="required" lay-filter="choose"> <option value="0">请选择</option> <option value="1">数字</option> <option value="2">文字</option> </s
layui-select动态选中值的例子
10-16
今天小编就为大家分享一篇layui-select动态选中值的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
LayUi xm-select选择插件
最新发布
王小工小工历程
08-30 946
layui 是一个前端 UI 框架，它提供了丰富的 UI 组件帮助开发者快速构建网页界面。然而，xm-select 并不是 layui 官方直接提供的一个组件，而是一个基于 jQuery 的、功能强大的下拉选择框（Select）插件。尽管它不属于 layui 官方组件库，但它可以与 layui 很好地集成使用，为你的页面增添丰富的下拉选择功能。
layui获取select选中值
渡目成书
07-19 4379
var devicemd_id = $(’#devicemd_id[name=devicemd_id]’).val()
layui 获取select 的值
qq_36694046的博客
10-16 1139
layui.use('form', function () { var form = layui.form; form.on('select', function(data){ console.log(data.elem); //得到select原始DOM对象 ...
layui 如何取得select下拉框选中的值
热门推荐
php菜鸟技术天地
07-13 9万+
引用layui插件，取得下拉框的值模板：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1&quo
Layui 设置select下拉框自动选中某项的方法
12-29
2、 Layui的select下拉框是怎么实现的 为了获得一个select标配的下拉框，我们需要在html中填写的内容如下： <div class=layui-form-item> <label class=layui-form-label>* 发送对象： <div class=layui-input-...
layui下拉框获取下拉值(select)的例子
10-16
本文将详细讲解如何在 Layui 中获取下拉框的选中值，并通过一个具体的例子来演示这一过程。 首先，我们需要理解 Layui 的 Select 组件是如何工作的。Layui 的 Select 是基于原生 HTML `<select>` 元素进行封装的，...
Layui获取select搜索下拉框选中的值
W
06-01 5905
小陈同学拿了一段代码来问我说为什么拿不到搜索下拉框中选中的值，我也不知道为什么拿不到，先贴上代码再说。 html: 使用layUI的搜索下拉框 <td>类型：</td> <td> <select name="type" id="type" lay-verify="required" lay-search="" lay-filter="type" style="width: 100%"> <option value=""&g
layui框架的select获取选中的值、选中的文本、选中的索引，禁用、启用
SummerGao
03-14 1万+
HTML <div class="layui-form-item "> <label class="layui-form-label">测试Demo</lab...
2021-10-09 layui 获取 select选中的值
Ysy3757的博客
10-09 4434
jquery获取layui下select选中的值 jquery获取layui下select选中的值 <select name="region" lay-filter="region-dropdown"> <option value="ap-chengdu">成都</option> <option value="ap-nanjing">南京</option> <option value="ap-beijing-1"
layui获取select被选中option的value和text
橙-极纪元-cplvfx-JJY.Cheng
11-16 3958
// 监听 select form.on('select', function (data) { let text = data.elem.selectedOptions[0].text; let value = data.elem.selectedOptions[0].value; console.log(text); console.log(value); //console.log(data.elem); ...
layui 获取select下拉框选中的值
逻辑无道
08-29 9203
获取省市区下拉框的值 显示在列表里 根据下拉框的id Area:$("#Province").find("option:selected").text() + "/" + $("#City").find("option:selected").text() + "/" + $("#Dis").find("option:selected"
Layui获取Select下拉框选中值
qq_42782011的博客
11-01 4471
定义下拉框： <div class="layui-inline"> <label class="layui-form-label " style="width:120px">督学主题：</label> <div class="layui-input-inline"> <select id="Threme
layui select 从数据库获得下拉框数据
qq1359236225的博客
08-09 1866
【代码】layui select。
layui获取select 文本_layui select渲染获取选中的option
weixin_35650074的博客
01-13 287
PowerDesigner连接Oracle数据库生成数据模型【数据源连接方式】1.进入操作系统的管理工具 2.选择ODBC数据源[32位或64位] 3.列表中是当前数据库已有的数据源,右侧点击添加按钮,添加适合自己的数据源 4.在列表中选择索要连接数据库的ODBC驱动[这里我要 ...cpp异常详解1. 异常介绍 在函数在执行过程中如果碰到对错误的处理可以有两种方式, 1. 返回错误,2. 使用异...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值