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

Question

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>

Answer 1

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.

Answer 2

document.getElementById("myBtn").disabled = true;