How to select this dropdown with Selenium

Question

Here is the HTML code:

<select id="faculty_id" name="faculty_id[]" class="form-control select-select2" multiple="" tabindex="-1" style="display: none;">                                                                               
 <option value="1">Scholl Related matrial</option>
 <option value="2">English Department</option>
 <option value="3">Management  Department</option>                                          
 <option value="4">Mind Channel</option>                                            
 <option value="5">Other</option>`                                          
 <option value="6">Office Department  </option>                                 
</select>

I am new to selenium , currently am working on selenium web driver. Please suggest me some ways to click the drop down. I am creating script but did not get perfect call. Please help me to create script to click the dropdown and store the value in array.

Dropdown menu screenshot: http://prntscr.com/100j0km

Dropdown menu list: http://prntscr.com/100j1og

Answer 1

As your element has style="display: none;" it is not displayed. Looks like the Select is an hidden container to store that data that is trigger by an INPUT element. Try setting the value of input or sending keys to the input.

Below doesnt work, because select is not interact-able:

The Selenium WebDriver has an API for working with Selects, read the working with Selects documentation here.

For Java and your situation this would look something like:

WebDriverWait wait = new WebDriverWait(driver, 10);
WebElement selectElement = wait.until(ExpectedConditions.elementToBeClickable(By.id("faculty_id")));
Select selectObject = new Select(selectElement);

selectObject.selectByIndex(1);
selectObject.selectByValue("2");
selectObject.selectByVisibleText("English Department");

Do not try to manual click the select and getting all the items. Use the API :)