jquery代码的Javascript替代品[重复]答案

【问题标题】：Javascript alternative to jquery code [duplicate]jquery代码的Javascript替代品[重复]
【发布时间】：2016-06-13 20:38:05
【问题描述】：

目前在我的项目中，每当窗口完全加载时，我都必须触发一个 ID。因此，为此我包含了 jquery 库并编写了以下脚本：

$(window).load(function(){
  $('#parent_cat').trigger('change');
});

但我想知道如何仅使用 javascript 实现相同的效果，因为仅使用几行代码就可以使用整个 jQuery 库并不理想。我确实在互联网上搜索了如何在 javascript 的帮助下加载窗口时触发更改事件，但解决方案没有帮助。所以，如果有人可以帮助我。

我尝试过的解决方案：

document.getElementById("parent_cat").onchange();

但是没有用。它显示一个错误 document.getElementById(...).change is not a function。

【问题讨论】：

标签： javascript jquery

【解决方案1】：

像这样尝试.onchange()：

function onChange(elem) {
  alert(elem.value);
}
document.getElementById("parent_cat").onchange();

<select id="parent_cat" onchange="onChange(this)">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

【讨论】：

【解决方案2】：

只需将加载事件监听器添加到窗口对象：

window.addEventListener('load', function(){
    ... your code ...
});

【讨论】：

谢谢，我认为加载时它会解决问题，但仍然显示错误 document.getElementById(...).change is not a function。