【layui】Layui 中获取 select选择的值 onchange事件

最新推荐文章于 2023-08-09 16:00:42 发布

牛哞哞杂记

最新推荐文章于 2023-08-09 16:00:42 发布

阅读量3.5k

点赞数 1

分类专栏： javascript 文章标签： layui

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/qq_40558766/article/details/109643992

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

实现效果：
选中 select选择框的一个值时，将另一文本框显示出来。

h5代码：


<select name="content_type" lay-verify="required" lay-filter="choose">
	<option value="0">请选择</option>
	<option value="1">数字</option>
	<option value="2">文字</option>
</select>
<input type="text" id="test">

js代码


<script src="../layui.js"></script>
<script>
layui.use(['form'], function() {
	var form = layui.form;
	form.on('select(choose)', function(data) {
	    console.log(data.elem); //得到select原始DOM对象
		console.log(data.value); //得到被选中的值
		var value = data.value;
		if(value == 0) {
			$("#count").attr("style", ""); //设置为可见
		} else {
			$("#count").attr("style", "display:none;"); //设置为隐藏
		}
	});
	$("#test").attr("style", "display:none;"); //默认设置为隐藏
});
</script>