自動入力の際に、イベントが呼ばれない

Question

Chromeの拡張機能を開発しています。
javascriptであるプルダウンを操作したいです。

以下のようにかき、選択させることはできました。
しかし、マウスで入力した場合、入力に応じて画面に変更が加えられるのですが、このコードでは反応しません。
マウスでの操作時と同じように動作させるには、どのようにすれば良いでしょうか。

category.selectedIndex = 2;
category.dispatchEvent(new Event("change"));

Answer 1

changeイベントはバブリングしますので、dispatchEvent(new Event("change", {bubbles:true})) とした方がよいでしょう。

それでも動かない場合、なぜ期待する動作をしないのか、目的のページのイベントハンドラの実装を読んで調べる必要があります。category にフォーカスがないと動かない、とかあるかもしれません。

ブラウザがユーザ入力からchangeイベントを生成した場合、isTrustedの値はtrueになります。JavaScriptのコードが生成したイベントでこれをtrueにすることは不可能ですが、ウェブページのハンドラがisTruetedをチェックしていることは稀です。

Comments

[uhsi]

的確なご回答をありがとうございます。記載していただいたコードでも試しましたが、動作しませんでした。
また、change以外のリスナーを全て外しても動作したので関わりがあるのは、changeイベントのみだと思います。
Chromeの拡張機能、selenium ideでselectの操作をさせた場合は、期待通りの動作をします。seleniumと同じような動作をさせる方法はあるのでしょうか。

Answer 2

前後のコードやHTML部分がどうなっているか不明なので、categoryがselect要素のオブジェクトだと仮定して書きます。

category.options[2].selected = true;

上記で実現できませんでしょうか。