dispatchEvent（）を実行するとフォーム要素が空白になる

Question

Amazon App Storeへのアプリケーションの送信を自動化するPhantomJSスクリプトを作成しようとしています。しかし、私はフォームを提出するのに問題があります。私は物事をテストするには、このコードを入力して、コンソールにhttps://developer.amazon.com/application/new.html

が続い：私は発行 最初のコマンドは次のとおりです。

document.getElementsByClassName('inputBlockTitle')[0].nextElementSibling.value='zzzzzz zzzzzz'; 

そして、すべてが良いことだここで私はアプリケーションを提出するために使用するURLです。

次のコマンドは...

document.querySelector('select').selectedIndex = 16; 
var evnt2 = document.createEvent("MouseEvents"); 
evnt2.initEvent("change",true,true); 

です...そして再び、すべてが良いです....

...しかし、私...

document.querySelector('select').dispatchEvent(evnt2); 

...アプリケーションタイトルが空白になります！

私は間違っていますか？

Answer 1

OK試行錯誤の日後に私が働く何かを得ました。なぜこれが機能するのかわかりませんが、それはありません。ここに発行しなければならない一連のコマンドがあります：

var app_title_el = $(document.body).find('input')[0]; 
app_title_el.value='the title of the app'; 
var ap_ti_evnt = document.createEvent("MouseEvents"); 
ap_ti_evnt.initEvent("change", true, true); 
app_title_el.dispatchEvent(ap_ti_evnt); 
$(document.body).find('select')[0].selectedIndex = 16; 
var evnt2 = document.createEvent("MouseEvents"); 
evnt2.initEvent("change",true,true); 
$(document.body).find('select')[0].dispatchEvent(evnt2);