ブックマークレットで、連動して動くselectの項目を変化させる方法を教えて下さい。

Question

お世話になります。

javascript、ブックマークレットについてです。

あるページ内のフォーム（自身のサイトではありません）に、
select（A）を変更すると、関数 hoge() が呼び出され、
select（B）の項目が変化する仕組みがあります。

これを、ブックマークレットにより動作させたいのですが、
下記のように、ブックマークレットで select（A）を変更しても、
select（A）の見た目が変わるだけで、select（B）の項目は変化しません。

document.getElementById('select-a').value = 1;

また、下記のように、select（A）を変更後に、hoge() を呼び出すとエラーになります。

Uncaught SyntaxError: Invalid or unexpected token (at xxxxx.js.........

document.getElementById('select-a').value = 1;
hoge();

どうすれば、ブックマークレットで select（A）を変化させる毎に、
select（B）の項目が変化するようにできるでしょうか。

宜しくお願い致します。

Answer 1

たぶん、イベントリスナで hoge が呼ばれているので、そのイベントが何であるかを調べて発火させると上手くいくかもしれないです。

イベントの作成と起動 - イベントリファレンス | MDN

Comments

[worldtravel]

ありがとうございます。

select（A）に対して、下記の様に書かれています。

$xxxxx.on('change', function() {
hoge()
});

[Lhankor_Mhy]

jQuery ですか？

[worldtravel]

はい、jQueryです。
しかも、囲われていました。
これでは、呼び出せないでしょうか。

(function($) {
$xxxxx.on('change', function() {
hoge()
});
}(jQuery));

[Lhankor_Mhy]

いえ、そんなことないです。

jQuery なら trigger で呼び出せると思います。
https://api.jquery.com/trigger/

[worldtravel]

教えて頂いたページの、こちらで出来ました。
$( "#foo" ).trigger( "click" );

こういうことができる事を知りたかったのですが、方法があることすら知りませんでした。

本当に助かりました。
ありがとうございました。