How to create a Javascript executor for making an element visible in Selenium Webdriver?

0 votes

Currently, I am working on Selenium Webdriver. I have many dropdowns like visualization, period, type, etc. These dropdowns contain many options and I want to select an option from it and my target is to find an element through its ID.

But, in the HTML tag, the element is not visible to select an option. I tried verifying by putting across a lot of questions and most of them are suggesting to use the Javascript executor.

Can anyone please help me the javascript 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>
Mar 26, 2019 in Selenium by Vaishnavi
• 1,180 points
3,929 views

1 answer to this question.

0 votes

Hey there,
You can try using the following script to make an element visible: 

document.getElementById('periodId').style.display='block';

In Java code this script can be executed with the following snippet:

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

And if you just want to select an option in the dropdown you can use the following java code:

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

Hope this is helpful.

answered Mar 26, 2019 by Surya
• 970 points

Related Questions In Selenium

0 votes
1 answer

How can we use JavaScript Executor to click and enter data to a web element in Selenium?

WebElement element = driver.findElement(By.id("abcd")); // Let the ...READ MORE

answered Mar 21 in Selenium by Lakshmi Sarvepalli
747 views
0 votes
1 answer
0 votes
2 answers

How to use JavaScript in selenium to click an Element?

JavascriptExecutor js = (JavascriptExecutor) driver;   js.execute ...READ MORE

answered Apr 1 in Selenium by anonymous
27,537 views
0 votes
1 answer

How to verify color of a web element in Selenium Webdriver?

@Hello Nisha, you can discover the color ...READ MORE

answered Jul 3, 2019 in Selenium by Purnima
5,811 views
0 votes
1 answer

Finding WebDriver element with Class Name in java

The better way to handle this element ...READ MORE

answered Apr 10, 2018 in Selenium by nsv999
• 5,510 points
3,103 views
0 votes
1 answer
0 votes
1 answer

Geo-location microphone camera pop up

To Allow or Block the notification, access using Selenium and you have to ...READ MORE

answered May 11, 2018 in Selenium by Samarpit
• 5,890 points
2,349 views
0 votes
1 answer

How to use such xpath to find web elements

It's much simpler to use: #MyDiv123 > div.super or ...READ MORE

answered Jun 14, 2018 in Selenium by Samarpit
• 5,890 points
2,497 views
+1 vote
2 answers

How can I delete an element in Selenium using Python?

You can directly delete the node using ...READ MORE

answered Sep 14, 2019 in Selenium by tonystark
• 500 points
5,393 views
0 votes
1 answer

How to check if an image is displayed on web page while working with Selenium WebDriver?

I've come across a similar situation before, where the image ...READ MORE

answered May 10, 2019 in Selenium by Surya
• 970 points
2,724 views