如何使用Selenium Webdriver C＃从下拉列表中选择列表项的值

Question

我想选择一个下拉值。 问题是下拉列表是派生的，它被写为列表项。 代码片段如下：

<div class="rcbScroll" style="width: 100%; height: 184px; overflow: auto;">
<ul class="rcbList" style="width: 100%">
    <li class="rcbItem">Option 1</li>
    <li class="rcbItem">Option 2</li>
    <li class="rcbItem">Option 3</li>
</ul>

如何在下拉菜单中选择“选项2”作为所选值？

Answer 1

在Selenium中使用CSS选择器：

您可以通过使用CSS选择器找到第n个孩子的价值。

// first child: will return "Option 1"
driver.findElement(By.cssSelector("ul.rcbList > li:nth-child(1)"));

// second child: will return "Option 2"
driver.findElement(By.cssSelector("ul.rcbList > li:nth-child(2)"));

// nth child: will return "Option n"
driver.findElement(By.cssSelector("ul.rcbList > li:nth-child(n)"));

如果<li>项是动态的，则进行计数并循环获取所有值。

var el_count = driver.FindElements(By.CssSelector("ul.rcbList"));

for(int index=0; index < el_count.count(); index++){
   // 0 (zero) is the first element in <ul> DOM Array
   driver.findElement(By.cssSelector("ul > li:nth-child(index)"));
}

按文本查找元素（值）

更简单的方法是通过xPath和Class查找

var title = driver.FindElement(By.XPath("./div[@class='aCont']/div/a/span[text() = 'TextToFind']"));
// now title contains text, title = "text to be find"

更多- 示例代码

Answer 2

试试（仅当ul被视为下拉菜单时）：

SelectElement selectElement = new SelectElement(driver.FindElement(By.cssSelector(".rcbList")));
selectElement.SelectByText("Option 2");

参考：

https://stackoverflow.com/a/31072586/2575259