Tampermonkeyを押してドロップダウン値を選択します。 IDや名前はなく、クラスはありますか？

Question

私はConverToのようなWebページ用のTampermonkeyコードを書いている：
自動的にドロップダウンで目のオプションを選択することになっています：ページが完全にロードされた後、数秒、

<select class="format-select"> 
    <option value="mp3">MP3</option> 
    <option value="mp4">MP4 (video)</option> 
</select> 

を。
しかし、何も起こりません。

マイコード：

...... 
// @match  https://www.converto.io/* 
// @require http://code.jquery.com/jquery-1.11.0.min.js 
// ==/UserScript== 

$(document).ready(function(){ 
setTimout(test(),10000); 
function test() 
{ 
    $(".format-select").val('mp4'); 
} 
})(); 

助けてください！

Answer 1

Choosing and activating the right controls on an AJAX-driven siteを参照してください。
多くのAJAX駆動コントロールは変更できません。ページが目的の状態を設定するために、キーイベントを受け取る必要があります。

1. クリックイベント：選択ConverTo場合

   は、^‡を期待するように見えます。

2. 値が変更されました。
3. 変更イベントです。

あなたはこの完全な、作業スクリプトのようなコードでそのシーケンスを送信します：‡

// ==UserScript== 
// @name  _ConverTo, Automatically select mp4 
// @match https://www.converto.io/* 
// @require http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js 
// @require https://gist.github.com/raw/2625891/waitForKeyElements.js 
// @grant GM_addStyle 
// ==/UserScript== 
//- The @grant directive is needed to restore the proper sandbox. 

waitForKeyElements (".format-select:has(option[value=mp4])", selectFinickyDropdown); 

function selectFinickyDropdown (jNode) { 
    var evt = new Event ("click"); 
    jNode[0].dispatchEvent (evt); 

    jNode.val('mp4'); 

    evt = new Event ("change"); 
    jNode[0].dispatchEvent (evt); 
} 

---

^{他の状態配列が同じ最後に、可能があります。}