Firefox/Chromeコンソールからフォーム入力を動的に変更

Question

私は今ブラウザを使ってjavascriptを学んでおり、コマンドを入力すると変更を有効にする方法を理解できません。

例えば、1つのウェブサイトのようないくつかのオプションを持つドロップダウンボックス名「mvprodvaronetimeorder」があります。 IPA-QQ、IPQ-QQ、IPW-QQを...私は3番目の値を取得するためにコマンドを使用することができます。

document.getElementsByName("mvprodvaronetimeorder")[0].value="Ipg-Q-Q"; 

ただし、ドロップダウンボックスから対応する値を選択すると、同じアクションがアクティブになりません（選択するために別のドロップダウンを表示します）。それから私は2番目のドロップダウンボックスとそれ以降のものと対話できません。私は次のようなコマンドを使用して、テキストボックスを埋めるためにしようとすると

同じことが起こる：私は送信ボタンをクリックしたとき、それは変更するが、変更が反映さdoesntの間

  document.getElementById("luckyme")[0].value="You are lucky"; 

、それはのペーストやタイプをコピーするために私を必要と少なくとも変更を有効にするにはそのテキストボックスをクリックしてください。

コンソールからプロセスを自動化する方法を教えてもらえますか？

Answer 1

JavaScriptの値を割り当てると選択が更新されますが、変更のそのページで実行されているコードには通知されません。ページを作るために

あなたもドロップダウンに変更イベントをトリガする必要がある変化に反応する。その後、

var el = document.getElementsByName("mvprodvaronetimeorder")[0]; 
el.value = "Ipg-Q-Q" 
el.dispatchEvent(new Event("change")) 

ページでは、選択が変更されていると、それは以下の新しいドロップダウンを示して知っています。

getEventListeners(document.getElementsByName("mvprodvaronetimeorder")[0]) 
// Object {change: Array[1]}