Tampermonkey를 눌러 드롭 다운 값을 선택하십시오. 신분증이나 이름이 없으며 단지 수업이 있습니까?

Question

내가 ConverTo 같은 웹 페이지에 대한 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); 
} 

---

^‡ 다른 상태가 같은 말에, 가능한 시퀀스가 ​​있습니다.