javascript - 从下拉元素中选择选项不可见

Question

如果元素不可见，请任何人帮助我如何从下拉列表中选择选项。这是 html 标签:

<select id="visualizationId" style="width: 120px; display: none;" name="visualization">
<option value="day">Day</option>
<option value="week">Week</option>
<option selected="" value="month">Month</option>

我正在研究 selenium webdriver。下面的代码不能正常工作。有没有选择不可见元素的示例代码。

Actions actions1 = new Actions(driver);
WebElement dBox1= ((new WebDriverWait(driver,60)).until(ExpectedConditions.elementToBeClickable(By.id("visualizationId"))));
selectByVisibleText("week");
actions1.moveToElement(dBox1);
actions1.click();
actions1.perform();

当使用下面的行时也出现错误:Element is not currently visible and so may not be interacted with命令持续时间或超时:32毫秒

Select se=new Select(driver.findElement(By.id("visualizationId")));
se.selectByVisibleText("Week");

或

se.selectByValue("week");

请查看 html，该元素不可见。谁能建议我如何使元素可见并选择该选项。

Answer 1

在这里，为了选择选项，我尝试使用 javascript 单击元素(javascript 因为它允许您与隐藏的元素交互)。下面是代码，试试看。我不确定代码和语法(我不是 java 人)，您仍然可以使用逻辑。

WebElement elementToSelect = driver.findElement(By.xpath(".//select[@id='visualizationId']/option[text()='Day']")

JavascriptExecutor executor = (JavascriptExecutor)driver;
executor.executeScript("arguments[0].click();", elementToSelect);