如何一起使用onchange和onload

Question

我有内部选择功能，但我想在页面显示（加载）和更改值时执行功能。实际上只在值改变时执行。

我的代码在这里：

function go(x) {
  var text = x.options[x.selectedIndex].text;
  var elements = document.querySelectorAll('.ppselect2');
  elements.forEach(function(element) {
    element.value = text;
  });
};

<select class="dntselect" onchange="go(this); return false;">`

Answer 1

window.addEventListener("load", function(event) {
   // Create a new 'change' event
   let changeEvent = new Event('change');

   // Dispatch it.
   document.querySelector(".dntselect").dispatchEvent(changeEvent);
});

1. 听取“加载”事件。
2. 选择给定的元素。
3. 创建一个新的“更改”事件并发送

Answer 2

因此，通过对元素的引用来执行它。

window.addEventListener("load", function(){
    go(document.querySelector('.dntselect'))
});