更改选定的选项值不会更改DOM

Question

源代码中有一个包含<select>和一些<option> - 标签的下拉菜单。

如果您通过点击手动更改选项值，则{id <div>的{​​{1}}内容将被更改（通过ajax，js ...）

现在我写了一个js-script并用CasperJS调用它来模拟它。该脚本工作正常，当我得到snapshot.png时，select选项被更改为：

#xyz

或

$('select#zzz').val('123').change();

然后脚本将等待几秒钟（5000毫秒）。

但div内容不会“刷新”或“更改”。

有谁知道，为什么？

这是脚本：

document.querySelector('select#zzz').selectedIndex = 2;

Answer 1

老问题，但你需要使用

casper.thenEvaluate(function () {
  $('select#zzz').val('123').change();
});

而不是

this.evaluate( function() {