ブラウザで表示しているWebページのselect要素のonchangeイベントを発火させる方法
ブラウザで表示しているWebサイト上でselect要素のonchangeイベントを発火させたいです。
具体的にはChromeのデベロッパーツール上で発火したいと考えています。
onchange()で発火できるかと思いましたがnullとなっておりました。
細かな情報でも構いませんので何かありましたら教えてください。
具体的にやりたいこと
webページに表示されているselectの値をマウス操作時と同様に変更したいです。
下記に記載しましたが、値の変更はできましたがonchangeイベントを確認するとnullとなっておりました。
試したこと
document.getElementById("hoge").value = "huga"; # 変更される
document.getElementById("hoge").onchange(); # VM2161:1 Uncaught TypeError: document.getElementById(...).onchange is not a function
document.getElementById("hoge").onchange; # null
document.getElementById("hoge").onchange = ()=>console.log("hoge"); # ↓のようにデベロッパーツールで見るとchangeに2つ目(表示上は1番上)として追加されていることが確認できました。
Chromeのデベロッパーツール上の表示
Elements -> 要素選択 -> Event Listeners
を見るとchangeのみなんらかの関数が設定されています。(dojo.js?v1.11.2との事です)