layui select下拉框选择事件

最新推荐文章于 2024-05-10 18:23:42 发布

秦雅楠

最新推荐文章于 2024-05-10 18:23:42 发布

阅读量2.9k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_42914232/article/details/99412689

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

html:

<div class="layui-input-inline layui-show-xs-block" style="margin-left: 25%">
	<select lay-filter="kuang" lay-verify="required" id="select_id" name="condition">
			<option value="">按类型进行排序</option>
			<option name="da" value="3">大</option>
			 <option name="zhong" value="2">中</option>
			<option name="xiao" value="1">小</option>
	</select>
</div>

js:

    layui.use(['layer', 'jquery', 'form'], function () {
        var layer = layui.layer,
            $ = layui.jquery,
            form = layui.form;
        form.on('select(kuang)', function (data) {
//        console.log(data);
            if (data.value == 1) {
                console.log(1);
            } else if (data.value == 2) {
                console.log(2);
            } else if (data.value == 3) {
                console.log(3);
            }
        });
    });