如何一起使用onchange和onload

时间:2018-03-07 14:07:55

标签: javascript html

我在select中有功能 但我想在页面显示(加载)和更改值时执行功能。实际上只有在值发生变化时才会执行。

我的代码在这里:

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;">`

2 个答案:

答案 0 :(得分:2)

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

   // Dispatch it.
   document.querySelector(".dntselect").dispatchEvent(changeEvent);
});
  1. 倾听&#34;加载&#34;事件
  2. 选择给定元素。
  3. 创建新的&#34;更改&#34;事件和派遣

答案 1 :(得分:0)

因此,请参照元素执行它。

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