javascript - 在 WebDriverJs 中选择下拉菜单

Question

我有一个下拉框，我想使用 WebDriverJS 选择一个值。我查看了下面的用户指南，但不知道如何操作

https://code.google.com/p/selenium/wiki/WebDriverJs

我什至尝试了一些为 Java 版本记录的东西，如下所示：

webdriver.Select(driver.findElement(webdriver.By.id("vote"))).selectByValue("5")

它只是简单地说“选择”不存在。

我浏览了源代码，但仍然找不到任何可以使用的东西。

score 14 · Accepted Answer

您不需要单击两次来选择一个选项，只需直接单击该选项即可。就像是，

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

score 9 · Accepted Answer

我分享了一个功能来通过它的文字在这里选择一个下拉项目。

编码：

function selectOption(selector, item){
    var selectList, desiredOption;

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

    selectList.findElements(protractor.By.tagName('option'))
        .then(function findMatchingOption(options){
            options.some(function(option){
                option.getText().then(function doesOptionMatch(text){
                    if (item === text){
                        desiredOption = option;
                        return true;
                    }
                });
            });
        })
        .then(function clickOption(){
            if (desiredOption){
                desiredOption.click();
            }
        });
}

与：

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

score 5 · Accepted Answer

driver.findElement({id: 'myDropDown'});// select dropdown element you wish to select
driver.sleep(1000);//not necessary
driver.findElement({id: 'myDropDown'}).sendKeys('name_of_option');//sending keys automatically fills dropdown with desired option

score 3 · Accepted Answer

我正在使用webdriverjs并想按索引选择选项，所以这样做了：

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

score 2 · Accepted Answer

这应该通过

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

score 2 · Accepted Answer

在这种情况下，将键发送到下拉元素就足够了，例如；

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

当显示文本中有空格时，webdriver需要更多的关注，添加点击功能就可以解决；

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

score 1 · Accepted Answer

某些浏览器很难使用下拉菜单。我得到了一些想法并拼凑了一个使用 JS 注入的 java 方法，这可能对遇到这个问题的一些人有用。是的，随着时间的推移，这些问题正在得到解决，但这对于那些负责认证旧浏览器的人来说很有用。我希望这会有所帮助，因为这可能会非常令人沮丧！

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);

 }

score 0 · Accepted Answer

0

driver.click('//*[@id="vote"]/option[3]')

参考：https ://stackoverflow.com/a/22159563/227578

于 2015-06-09T14:49:30.337 回答

score 0 · Accepted Answer

我在 ES6 中使用了以下内容：

 let select = driver.findElement(By.css("select"));
 let options = select.findElements(By.css("option"));
 options.then(values => {
     return Promise.all(values.map(el => el.getText())).then(optTexts => {
         return values[optTexts.indexOf('Some option text')].click();
     });
 });

score 0 · Accepted Answer

我遇到了同样的问题，上面的解决方案在我的 typeScript 案例中不起作用

但我仍然找到了解决方案：

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

由于驱动程序在获取选择器元素时会返回一个承诺

所以添加等待来做接下来的事情

score 0 · Accepted Answer

这对我有用（咖啡脚本）

selectList.findElements(By.tagName("option")) =
.then (options) ->
    len = options.length         #getting number of options in the select
    driver.wait =>               #verify all promises finished
        for option in options
            option.getText()
            .then (text) =>
                console.log(len)
                len -= 1
                console.log(text)
                if len is 0
                    true
    , 10000

score 0 · Accepted Answer

像这样使用xpath

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

score 0 · Accepted Answer

找到选择元素并单击它以显示下拉菜单

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

然后从选项中选择并单击它。我认为通过 xpath 选择在这里会更好。

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

score -1 · Accepted Answer

这实际上不是单击该选项，但它确实选择了它。

查找选择元素
单击选择元素
使用 sendKeys() 在选择元素中输入选项文本
单击选择元素

score -1 · Accepted Answer

以下代码定义了 WebDriverJS 中可用的选择器：

webdriver.Locator.Strategy = {
  'className': webdriver.Locator.factory_('class name'),
  'class name': webdriver.Locator.factory_('class name'),
  'css': webdriver.Locator.factory_('css selector'),
  'id': webdriver.Locator.factory_('id'),
  'js': webdriver.Locator.factory_('js'),
  'linkText': webdriver.Locator.factory_('link text'),
  'link text': webdriver.Locator.factory_('link text'),
  'name': webdriver.Locator.factory_('name'),
  'partialLinkText': webdriver.Locator.factory_('partial link text'),
  'partial link text': webdriver.Locator.factory_('partial link text'),
  'tagName': webdriver.Locator.factory_('tag name'),
  'tag name': webdriver.Locator.factory_('tag name'),
  'xpath': webdriver.Locator.factory_('xpath')
};

goog.exportSymbol('By', webdriver.Locator.Strategy);

来源：https ://code.google.com/p/selenium/source/browse/javascript/webdriver/locators.js

javascript - 在 WebDriverJs 中选择下拉菜单

15 回答 15

Related

Reference