layui获取select下面的选项值和value值

2023-10-08 前端实例跟版网

具体代码如下，我想获取到select中，option中的选项值和value值，要怎么写代码呢？ form class="layui-form"div class="layui-form-item"label class="layui-form-label"分类/labeldiv class="layui-input-inline"select lay-filter="fenlei" class="ffff"opt

具体代码如下，我想获取到select中，option中的选项值和value值，要怎么写代码呢？

<form  class="layui-form">
				<div class="layui-form-item">
					<label class="layui-form-label">分类</label>
					<div class="layui-input-inline">
						<select lay-filter="fenlei" class="ffff">
							<option value ="">选择</option>
							<option value="1" >生活</option>
							<option value="2" >金融</option>
						</select>
					</div>

				</div>
</form>

代码如下

form.on('select(name)',function(data){
 var  title = data.elem[data.elem.selectedIndex].text
//data.value可以获取到value值，也就是上面的1或者2
//data.elem[data.elem.selectedIndex].text 获取的是生活、金融选项值
})

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！

上一篇：PHP实现递归和引用无限极分类的实例代码下一篇：layui中修改页面layer.open弹出层给radio赋值示例代码

相关文档推荐

layui中修改页面layer.open弹出层给radio赋值示例代码

最近使用layui做了个简单的项目，遇到了个问题，在layui.table渲染页面做修改的时候，使用的是弹出层，要把值赋给radio的时候总是渲染不上去。现在解决了这个问题，记录一下。 js代码块代码： function updateUser(data) { layer.open({ type : 2, title : '

layui获取select选中的值的代码参考

layui如何获取select选中的值，下面代码为您实现layui table中获取select选中值 select name="region" lay-filter="region-dropdown" option value="ap-chengdu"成都/option option value="ap-nanjing"南京/option option value="ap-beijing-1"北京一区/optio

html点击按钮弹出页面获取值的实例代码

html点击按钮弹出页面获取值的实例代码代码一： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headtitle/titlescript type="text/j

Layui-open 打开一个新页面的实例代码

Layui-open 打开一个新页面的实例代码 edit: function () { var _this = this; var index = layui.layer.open({ skin:'', type : 2, maxmin: true, area: ['95%', '95%'],//弹出区域大小 content : "url",//跳转url success : function(layero, index){//成功

layui表格下拉选择、日期选择、文本输入框

一、下拉选择改动三个地方：下拉选择模板、数据渲染、下拉选择监听填充数据 //表格{ title: '是否棚改房span class="titletips"*/span', field: 'sfpgf', align: 'center', width: 110, // edit: 'text', templet: function (d) { return 'select name="sfpg

layui表格：设置表头居中，内容居左的实例代码

layui表格：设置表头居中，内容居左的实例代码：表头在属性中控制，内容直接用css样式控制 { field: 'Result', title: '结果', align: 'center', width: '60%', templet: function (d) { return 'div style="text-align:left"' + d.Result + '/div' }},

栏目导航

前端实例 Php实例 Java实例 Python实例 C/C++实例 C#/.NET实例其他语言实例