Currently am working on selenium webdriver. I have many drop downs like visualization, Period, Type etc,. In the drop down many options are there. I want to select an option from the drop down and my target is to find element is through ID.

But in the HTML tag the element is not visible to select the option. I verified so many question in that they are mentioning use javascript exceutor.

Can any one please help me the java script for the html tag:

<select id="periodId" name="period" style="display: none;">
<option value="l4w">Last 4 Weeks</option>
<option value="l52w">Last 52 Weeks</option>
<option value="daterange">Date Range</option>
<option value="weekrange">Week Range</option>
<option selected="" value="monthrange">Month Range</option>
<option value="yeartodate">Year To Date</option>
</select>

Currently am working on selenium webdriver. I have many drop downs like visualization, Period, Type etc,. In the drop down many options are there. I want to select an option from the drop down and my target is to find element is through ID.

But in the HTML tag the element is not visible to select the option. I verified so many question in that they are mentioning use javascript exceutor.

Can any one please help me the java script for the html tag:

<select id="periodId" name="period" style="display: none;">
<option value="l4w">Last 4 Weeks</option>
<option value="l52w">Last 52 Weeks</option>
<option value="daterange">Date Range</option>
<option value="weekrange">Week Range</option>
<option selected="" value="monthrange">Month Range</option>
<option value="yeartodate">Year To Date</option>
</select>

• javascript
• jquery
• html
• selenium
• selenium-webdriver

• Is there any solution please suggest me some ideas to implement in the code. – testing Commented Dec 4, 2013 at 10:34

1 Answer 1

You can try to use the following script to make element visible: document.getElementById('periodId').style.display='block';

In java code this script can be executed with the following code:

JavascriptExecutor executor = (JavascriptExecutor)driver;
executor.executeScript("document.getElementById('periodId').style.display='block';");

If you just want to select an option in drop down you can use the following java code:

Select select = new Select(driver.findElement(By.id("periodId")));
select.deselectAll();
select.selectByVisibleText("Last 4 Weeks");