（十四）处理下拉列表 select

乙醇创建于 over 7 years 之前

最后更新: less than a minute 之前

阅读数: 123

什么是下拉列表

<select id="select">
  <optgroup label="Option Group">
    <option>Option One</option>
    <option>Option Two</option>
    <option>Option Three</option>
  </optgroup>
</select>

下拉列表的标签是select，如上所示，其中

select表示下拉列表
option表示列表里的子项

上面的html里，这个下拉列表中一共有3项，分别是Option One, Option Two和Option Three。

目的

学会选择下拉列表里的特定项目
学会使用层级定位

场景

选择上面html代码所示的下拉列表的最后一项，也就是Option Three。

代码


var path = require('path');
var webdriver = require('selenium-webdriver'),
  By = webdriver.By;

var testFile = "file://" + path.join(__dirname,  "index.html")

var dr = new webdriver.Builder().forBrowser('chrome').build();
dr.get(testFile)

dr.findElement(By.id('select')).then(function(select) {
  dr.findElements(By.css('option')).then(function(options) {
    options[options.length - 1].click();
  });
});