更改选择框选项的值并在CasperJS中选择它

Question

I am trying to circumvent some difficult query result pagination by hijacking a form element that controls the number of query results shown on a page. When I've tested my Javascript modification in the Firebug console against the live site it works like a champ but when the same Javascript is injected into the DOM via the casper.evaluate method I get inconsistent results.

My code is as follows:

var s = document.getElementById("requisitionListInterface.dropListSize");
s.options[4].value = 1000;
s.options[4].selected = true;
var e = document.createEvent("HTMLEvents");
e.initEvent("change", false, true );
setTimeout( function(s, e){ s.dispatchEvent(e); }, 2000, s, e );

I've had to create then event handler 'e' and attach it to element 's' to in order to replicated what was taking place on the form (submit page when select.change occurred).

Again the above code functions as expected in Firefox every time.

Answer 1

If the select box is firing Ajax you may not be giving the browser enough time to get the results. I would put some wait statements in there to give things enough time to find and execute.