js 动态加载select触发事件

最新推荐文章于 2023-04-13 10:41:24 发布

转载最新推荐文章于 2023-04-13 10:41:24 发布 · 820 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kikyoqiang/p/10979903.html

文章标签：

#java

本文介绍了一种在动态加载下拉菜单（select）后，如何通过手动调用函数来模拟change事件，实现数据的即时更新。具体展示了使用jQuery进行Ajax请求获取数据，并填充到下拉菜单中，同时触发后续业务逻辑的方法。

动态加载select后，手动调用一下 subjectChange函数，模拟触发change事件

        function hallidChange(value) {
            $.ajax({
                type: "post",
                url: "/Common/GetSessions",
                data: {
                    hallId: value, dateTime: $("#currentTime").val(), timeinterval: $("#timeinterval").val()
                },
                success: function (str) {
                    console.log(str);
                    var obj = str;
                    if (obj.code == "200") {
                        $("#sessionId").empty();
                        for (var key in obj.result) {
                            $("#sessionId").append("<option value = " + key + " > " + obj.result[key] + "</option > ");
                        }
                        subjectChange($("#sessionId").val());
                    }
                    else {
                        layer.msg(obj.message, { icon: 7, time: 1500 });
                    }
                },
                error: function () { layer.msg('发生错误，请联系客服！', { icon: 2, time: 1500 }); }
            });
        }

转载于:https://www.cnblogs.com/kikyoqiang/p/10979903.html