layui select获取自定义属性值

最新推荐文章于 2024-07-14 23:42:27 发布

火蚂蚁cui

最新推荐文章于 2024-07-14 23:42:27 发布

阅读量3.1k

点赞数

分类专栏：常用小知识文章标签： jquery layui select

本文链接：https://blog.csdn.net/cuilei210/article/details/107032860

版权

常用小知识专栏收录该内容

28 篇文章 1 订阅

订阅专栏

HTML：

<li class="layui-form">
	<div class="layui-form-item">
		<div class="layui-input-block">
			<select name="CountryId" lay-filter="CountryId_select">
				<option value="1" data-name="China">中国</option>
				<option value="2" data-name="Cuba">古巴</option>
				<option value="3" data-name="Russian Federation">俄罗斯</option>
			</select>
		</div>
	</div>
</li>

JS代码：

<script src="js/jquery.min.js"></script>
<script src="layui/layui.all.js"></script>
layui.use(['upload', 'form'], function () {
	var $ = layui.jquery,
		upload = layui.upload,
		form = layui.form,
		layer = layui.layer;

	//选择国家
	form.on('select(CountryId_select)', function(data){
		var CountryId = data.value; //国家id
		var CountryEn = $(data.elem).find("option:selected").attr("data-name"); //国家英文名
	});
})