使用CasperJS选择下拉选项
Selecting drop down option using CasperJS
当我尝试使用 CasperJS 选择一个选项时,我遇到了困难,尝试了许多 casperJS 函数,但到目前为止它们都没有成功,也许有一种简单的方法可以选择这种形式?
<form class="_messageBoxForm" id="messageBoxForm" name="messageBoxForm" method="post" action="" data-source="">
<select class="_time _hours">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6" selected="selected">6</option>
</select>
</form>
我已经尝试过的事情:
this.evaluate(function() {
$('._time._hours').val('5').change();
});
this.evaluate(function() { document.querySelector('select._time._hours').selectedIndex = 2;
return true;
});
this.fillSelectors('form#messageBoxForm', {
'select[class="_time _hours"]': '5'
}, true);
尝试以下解决方案可能会对您有所帮助
casper.then(function(){
this.click("._time._hours");
this.evaluate(function() {
var form = document.querySelector('.form-control');
form.selectedIndex = 2;
$(form).change();
});
});
Prateek,您的解决方案对我有用,但我有一个 Id 可以使用。
this.evaluate(function(){
var form = document.querySelector('#searchSelectId');
form.selectedIndex = 3;
$(form).change();
});
相关文章:
- 使用此选项选择父类内部的类
- 更新:仅根据单选按钮和所选选项选择特定项目
- 使用PHP通过HTML表单选项选择器过滤MYSQL结果
- ng-单击在IE中不起作用的选项选择Angularjs
- 从选项选择中删除值
- On为<选项>选择等效项
- 用户界面先前选择的选项选择更改
- 使用ng重复或ng选项和删除空白选项选择长方体角度
- 在HTML5、CSS、JavaScript中添加选项选择器,类似于移动应用程序中的选项设置
- 输入:选中,选项:选择选择器
- 根据使用angularjs从下拉菜单中选择的选项选择适当的复选框
- 如何根据 html 中的选项/选择重定向用户(单击按钮后)
- 使用ng选项选择中的ng选项进行过滤器下拉列表
- 如何设置选项选择的值
- 如何搜索长下拉选项/选择列表
- jQuery - 根据下拉选项选择列出结果
- 从选项选择单击时打开 2 个 URL
- 在 Angular JS 中为 ng 选项选择默认值
- 下拉选项选择的操作
- 通过单击单选按钮清除所有选项选择条目