No need for double clicking to choose an option, simply click directly on the desired one. For example:

driver.findElement(wd.By.css('#month>option[title="November"]')).click();

If you're looking for a way to choose an item from a dropdown menu based on its text, I've posted a helpful function here.

Here's the function in action:

function pickDropDownItem(selector, text){
    var dropdownList, desiredItem;

    dropdownList = this.findElement(selector);
    dropdownList.click();

    dropdownList.findElements(protractor.By.tagName('option'))
        .then(function findMatchingItem(items){
            items.some(function(item){
                item.getText().then(function doesOptionMatch(textValue){
                    if (text === textValue){
                        desiredItem = item;
                        return true;
                    }
                });
            });
        })
        .then(function clickSelectedItem(){
            if (desiredItem){
                desiredItem.click();
            }
        });
}

To use it, do the following:

driver.pickDropDownItem = pickDropDownItem.bind(driver);
driver.pickDropDownItem(webdriver.By.id('my-dropdown'), 'My Value');

const dropdownElement = driver.findElement({id: 'myDropDown'});// identify the dropdown element you want to select
driver.wait(until.elementIsVisible(dropdownElement), 5000); // wait until dropdown is visible
dropdownElement.click(); // click on dropdown to open options
driver.sleep(1000);// pause for a second (optional)
dropdownElement.sendKeys('name_of_option');// type in the desired option to select it

Currently, I am implementing webdriverjs and trying to choose an option based on its index. This is the approach I took:

driver.click('#my_select_box').click('#my_select_box option:nth-child(3)')

Accomplishing this task requires the following steps:

selectElement = driver.findElement(webdriver.By.id("vote"));
selectElement.click();
selectElement.findElement(webdriver.By.css("option[value='5']")).click();

One way to achieve this is by sending keys directly to the dropdown element, as shown below;

driver.findElement(by.id('vote')).sendKeys('5');

If there are spaces in the display text, it may require additional focus from WebDriver. In such cases, a combination of click and sendKeys functions can be used like this;

var ddlElement = driver.findElement(by.id('vote'));
ddlElement.click();
ddlElement.sendKeys('5');
ddlElement.click();

Dealing with stubborn dropdowns in certain browsers can be a real headache. After some trial and error, I managed to put together a JavaScript method that involves injecting JS code. This workaround might come in handy for those of you grappling with older browsers that are proving to be a challenge. While the browser issues are gradually being resolved, this solution is particularly useful for individuals tasked with ensuring compatibility across different platforms.

public void getJSDropdown(String dropDown, String elementID)throws Exception{

     JavascriptExecutor executor = (JavascriptExecutor)driver;
     String dropdownScript = "var select = window.document.getElementById('" + 
             dropDown +
             "'); for(var i = 0; i < select.options.length; i++){if(select.options[i].text == '" +
             elementID +
             "'){ select.options[i].selected = true; } }";

     Thread.sleep(2000);
     executor.executeScript(dropdownScript);
     Thread.sleep(2000);

     String clickScript = "if ("+"\"createEvent\""+" in document) {var evt = document.createEvent("+"\"HTMLEvents\""+");     evt.initEvent("+"\"change\""+", false, true); " + dropDown + ".dispatchEvent(evt); } else " + dropDown + ".fireEvent("+"\"onchange\""+");";

     executor.executeScript(clickScript);

 }

user.tap('//*[@id="vote"]/option[3]')

Source:

This code will help me with my coffeescript project.

let selectList = driver.findElements(By.tagName("option")) =>
    .then((options) => {
        let len = options.length;          // getting the number of options in the select
        driver.wait(() => {                 // verifying all promises are finished
            for (let option of options) {
                option.getText()
                    .then((text) => {
                        console.log(len);
                        len--;
                        console.log(text);
                        if (len === 0) {
                            return true;
                        }
                    });
            }
        }, 10000);
    });

When working in ES6, this was my approach:

 const findSelect = driver.findElement(By.css("select"));
 const findOptions = findSelect.findElements(By.css("option"));
 findOptions.then(elements => {
     return Promise.all(elements.map(item => item.getText())).then(optionTexts => {
         return elements[optionTexts.indexOf('Desired option text')].click();
     });
 });

try this xpath method

const element = await driver.findElement(By.xpath('//[@id="newEventOffices"]/option[3]'));
element.click();

Locate the select element and activate it to reveal the dropdown menu

driver.findElement(//div//select[@id="elementId"]).click();

Choose an option from the dropdown and click on it. Utilizing xpath for selection is likely the best approach here.

driver.findElement(By.xpath('//div//select[@id="elementId"]//option[optionIndex]')).click();

I encountered the same issue, and unfortunately the proposed solutions did not work in my TypeScript scenario

Fortunately, I was able to find a workaround:

await driver.findElement(By.id("ELEMENT_ID")).sendKeys("SOME_VALUE");

Since the driver returns a promise when retrieving a selector element

It is necessary to include await to proceed with the next steps