LayUI下拉框中取值和获取属性方法

本文介绍了在LayUI框架中如何获取下拉框选中的值,如`var configId = $("#labelSelect").find("option:selected").val();`,清空下拉框的操作,以及添加选项的方法。同时讲解了获取下拉框选中option的属性,例如`var labeltype = $("#ID").find("option:selected").attr("属性名");`,并涉及到了多选框的值获取和清除操作,如`var values = formSelects.value('ID', 'valStr');`和`formSelects.value('ID', []);`。" 78772929,7376707,策略英雄榜:优秀策略解析与更新,"['量化投资', '投资策略', '收益分析', '风险管理', '交易系统']

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<div class="layui-col-md12" style="padding-bottom: 10px;">
	<ul class="layui-row layui-col-space10 layadmin-backlog">
		<li class="layui-col-md4 layui-col-xs6">
			<div class="layui-inline">
				标签:
				<div class="layui-inline">
					<select id="labelSelect" lay-filter="labelFilter">
					</select>
				</div>
			</div>
		</li>
		<li class="layui-col-md4 layui-col-xs6">
			<div class="layui-inline">
				内容:
				<div class="layui-inline">
					<select id="optionSelect" lay-filter="optionFilter">
					</select>
				</div>
			</div>
		</li>
		<li class="layui-col-md4 layui-col-xs6">
			<div class="layui-inline">
				<button class="layui-btn" id="chartSelect">搜索</button>
			</div>
			<div class="layui-inline">
				<button class="layui-btn" id="chartEmpty">清空</button>
			</div>
		</li>
	</ul>
</div>

获取下拉框选中的值
var configId = $("#labelSelect").find(“option:selected”).val();
var optionId = $("#optionSelect").find(“option:selected”).val();

清空下拉框
$("#labelSelect").find(“option:selected”).val("");
$("#optionSelect").find(“option:selected”).val("");
form.render(‘select’);

给下拉框添加值
$("#optionSelect").append(‘全部’);

获取下拉框选中的option的属性
var labeltype = $("#ID").find(“option:selected”).attr(“属性名”);

获取多选框的值
var values = formSelects.value(‘ID’, ‘valStr’);
清除多选框选中的值
formSelects.value(‘ID’, []);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值