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()
    });
});