选项中，无法选择

Question

测试场景是，

1. 创造一个细胞，
2. 变化，从下拉菜单中（从r到Python）的语言，
3. 输入验证码和执行它。对于下拉菜单中的HTML代码是

<select class="form-control cell-control-select cell-control"> 
    <option>Markdown</option> 
    <option>R</option> 
    <option>Python</option> 
    <option>RMarkdown</option> 
</select> 

以下是我casperjs代码

casper.then(function(){ 
    this.mouse.click({ type: 'xpath' , path: "/html/body/div[3]/div/div[2]/div/div[3]/div[1]/div/select"});//x path for dropdown menu 
    this.echo('clicking on dropdown menu'); 
    this.wait(3000); 
}); 

casper.then(function(){ 
    var z = this.evaluate(function() { 
    document.querySelector('.form-control').selectedIndex = 2; 
    return true; 
    }); 
    this.wait(3000); 
}); 

它是选择从下拉菜单中的Python语言，但是当我们运行代码是在提示单元格中显示错误。我们在Python语言单元格中运行R代码时得到的错误。

Answer 1

问题可能是在选择框上没有被调用的更改侦听器，因为设置selectedIndex属性不会触发更改。

来触发这个变化的可靠的方法是使用jQuery's change()：

this.evaluate(function() { 
    var form = document.querySelector('.form-control'); 
    form.selectedIndex = 2; 
    $(form).change(); 
}); 

如果您还没有jQuery的页面，你可以注入像这样，如果你有本地的jQuery：

var casper = require('casper').create({ 
    clientScripts: [ "jquery.min.js" ] 
}); 

，或者如果你没有在本地的更多信息：

var casper = require('casper').create({ 
    remoteScripts: [ "http://code.jquery.com/jquery-2.1.3.min.js" ] 
});