javascript - Phantom.js 坚持选择下一个元素

Question

我正在尝试使用 Phantom.JS 在此页面上执行一些页面自动化:https://reserve.apple.com/GB/en_GB/reserve/iPhone

我知道如何使用 document.getElementById('store') = "R363" 来选择第一个选项。但是似乎在我选择了第一个选项之后，原始页面的 DOM 元素会发生变化，我不知道如何使用 Phantom.JS 实现这一点

Answer 1

不要使用 document.getElementById('store') = "R363" 而是尝试像这样使用 jQuery:

var page = require('webpage').create(); 
// open the page
page.open('https://reserve.apple.com/GB/en_GB/reserve/iPhone', function() {
    //inject jQuery
    page.includeJs("http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js", function() {
        // run the following code in the context of the page
        page.evaluate(function() {
            // change the value of the combobox
            $("#store").val( newval );

            // do stuff in the page
        });
        phantom.exit()
    });
});