Javascript 需要其他方法来更改页面加载时激发的函数

我试图使用change函数在下拉列表下显示一段样式化的文本，问题是触发更改的选项是页面加载时的第一个选项，因为它被禁用了，所以无法更改

相反，我想知道是否有一种替代方法可以在页面加载时加载函数

为了清楚起见，当从下拉列表中选择任何其他值时，文本不应可见

我也在努力为打印文本指定一个类名，我已经注释掉了我认为应该起作用的内容

数不清的代码示例，虽然我比几天前更接近，但我仍然无法找到正确的方法

报告 挑选{ 大纲：无； } -选择- 报告1 报告2 报告3 报告4 $document.readyfunction{ $'reports'.changefunction{ 如果$this.val==0{ var x=document.createElementdiv； //class=w3中心w3文本浅绿色 x、 text内容=从菜单中选择报告； document.body.appendChildx； } }; };

---

如果您试图在页面加载时执行该函数，请尝试以下操作：

       $(document).ready(function () {
            function reportsChange() {
                if ($(this).val() == "0") {
                    var x = document.createElement("div");
                    // class = "w3-center w3-text-light-green"
                    x.textContent = "Choose Report From Menu";
                    document.body.appendChild(x);
                }
            }
            $('#reports').change(function () {
                reportsChange();
            });
            reportsChange();
        });

---

这将在加载页面时执行一次reportsChange函数，并且无论何时触发on change事件，都可以使用该函数。

如果在加载页面时尝试执行该函数，请尝试以下操作：

       $(document).ready(function () {
            function reportsChange() {
                if ($(this).val() == "0") {
                    var x = document.createElement("div");
                    // class = "w3-center w3-text-light-green"
                    x.textContent = "Choose Report From Menu";
                    document.body.appendChild(x);
                }
            }
            $('#reports').change(function () {
                reportsChange();
            });
            reportsChange();
        });

这将在加载页面时执行一次reportsChange函数，并且在每次触发on change事件时，您也可以使用它。

add onchange=hide to和add div，其中正文中包含文本，更改后只需将其隐藏即可

报告 挑选{ 大纲：无； } -选择- 报告1 报告2 报告3 报告4 从菜单中选择报告 函数隐藏{ msg.style.display='none'； }; addonchange=hide to和add div，其中正文中包含文本，更改后只需将其隐藏

报告 挑选{ 大纲：无； } -选择- 报告1 报告2 报告3 报告4 从菜单中选择报告 函数隐藏{ msg.style.display='none'； };