selectOption(option: ElementFinder |Locator | string, timeout?: number): Promise<void>

selectOptionByIndex(select: ElementFinder | Locator | string, index: number, timeout?: number): Promise<void>

selectOptionByText(select: ElementFinder | Locator | string, text: string, timeout?: number): Promise<void>

如何选择具有唯一ID的选项（option）如这里所示：

<select
    ng-model="foo" 
    ng-options="bar as bar.title for bar in bars track by bar.id">
</select>

我正在使用这个：

element(by.css('[value="' + neededBarId+ '"]')).click();

function selectOption(modelSelector, index) {
    for (var i=0; i<index; i++){
        element(by.model(modelSelector)).sendKeys("\uE015");
    }
}

这只是在您想要的选择器上发送按键，我们在这里使用modelSelector，但显然您可以使用任何其他选择器。

然后在我的页面对象模型中：

selectMyOption: function (optionNum) {
       selectOption('myOption', optionNum)
}

并从测试中获得：

myPage.selectMyOption(1);

问题在于对于 Angular 来说，解决常规选择框的方案不能够与使用 Protractor 的 Angular Material md-select 和 md-option 配合使用。下面这个方法是由另一个人发布的，但它对我有效，只是我还没有足够的评论权限 (只有23点声望)。此外，我稍微整理了一下，用 browser.waitForAngular() 替代了 browser.sleep。

element.all(by.css('md-select')).each(function (eachElement, index) {
    eachElement.click();                    // select the <select>
    browser.waitForAngular();              // wait for the renderings to take effect
    element(by.css('md-option')).click();   // select the first md-option
    browser.waitForAngular();              // wait for the renderings to take effect
});

我一直在网上搜寻如何在模型下拉列表中选择选项的答案，我使用了以下组合，这对我在Angular材料方面有所帮助。

element(by.model("ModelName")).click().element(By.xpath('xpathlocation')).click();

看起来，将代码全部放在一行中时，它可以在下拉菜单中找到元素。

为了解决这个问题花费了很多时间，希望这能帮助到某些人。

let textOption = "option2"
await element(by.whichever('YOUR_DROPDOWN_SELECTOR'))
  .getWebElement()
  .findElement(by.xpath(`.//option[text()="${textOption}"]`))
  .click();

let optionNumber = 2
await element(by.whichever('YOUR_DROPDOWN_SELECTOR'))
  .getWebElement()
  .findElement(by.xpath(`.//option[${optionNumber}]`))
  .click();

更新

实际上有一种情况，即使采用这种方法也无法解决。解决办法有点丑陋，但有效。我只需要选择两次该值。

            <select ng-model="operator">
            <option value="name">Addition</option>
            <option value="age">Division</option>
            </select>

        var operators=element(by.model('operator'));
      operators.$('[value=Addition]').click();

Source-https://github.com/angular/protractor/issues/600

在Firefox中选择选项存在问题，Droogans的hack可以解决这个问题，我想在这里明确提到，希望能帮助有需要的人：https://github.com/angular/protractor/issues/480。

即使你的测试在本地使用Firefox通过了，但你可能会发现它们在CircleCI、TravisCI或其他用于CI和部署的工具上失败了。从一开始就意识到这个问题会节省我很多时间：)

设置选项元素的帮助程序：

selectDropDownByText:function(optionValue) {
            element(by.cssContainingText('option', optionValue)).click(); //optionValue: dropDownOption
        }

//Drop down selection  using option's visibility text 

 element(by.model('currency')).element(by.css("[value='Dollar']")).click();
 Or use this, it   $ isshort form for  .By.css
  element(by.model('currency')).$('[value="Dollar"]').click();

//To select using index

var select = element(by.id('userSelect'));
select.$('[value="1"]').click(); // To select using the index .$ means a shortcut to .By.css

describe('Protractor Demo App', function() {

  it('should have a title', function() {

     browser.driver.get('http://www.way2automation.com/angularjs-protractor/banking/#/');
    expect(browser.getTitle()).toEqual('Protractor practice website - Banking App');
    element(by.buttonText('Bank Manager Login')).click();
    element(by.buttonText('Open Account')).click();

    //Drop down selection  using option's visibility text 
  element(by.model('currency')).element(by.css("[value='Dollar']")).click();

    //This is a short form. $ in short form for  .By.css
    // element(by.model('currency')).$('[value="Dollar"]').click();

    //To select using index
    var select = element(by.id('userSelect'));
    select.$('[value="1"]').click(); // To select using the index .$ means a shortcut to .By.css
    element(by.buttonText("Process")).click();
    browser.sleep(7500);// wait in miliseconds
    browser.switchTo().alert().accept();

  });
});