Layui select触发事件

最新推荐文章于 2025-07-10 17:20:02 发布

foxbamboo

最新推荐文章于 2025-07-10 17:20:02 发布

阅读量6.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Layui

原文链接：https://www.cnblogs.com/Big-Boss/p/9752930.html

Layui 专栏收录该内容

5 篇文章

订阅专栏

该博客介绍了在layui框架下如何监听select下拉框的选中事件，并展示选中值。同时，展示了在非layui形式下，通过jQuery监听`change`事件实现元素显示隐藏的逻辑。

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

在使用layui form的情况下：

      layui.use(['form'], function () {
        let form = layui.form;
        $(document).ready(function() {
            // select下拉框选中触发事件
            form.on("select", function(data){
                alert(data.value); // 获取选中的值              
            });

        });

    });```


 2. 非layui form 情况下：
 

```javascript
       $("#mode").change(function(){//code...
            if ($(this).val()==0){
                $("#auto").show();
                $("#manul").hide();
            }else {
                $("#auto").hide();
                $("#manul").show();
            }
        });