Question

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

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

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

我尝试过的解决方案：

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

但没有奏效。它显示错误document.getElementById（...）。更改不是函数。

Answer 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>

Answer 2

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

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

Javascript替代jquery代码

2 个答案: