对我来说就像一个魅力

element(by.cssContainingText('option', 'BeaverBox Testing')).click();

我遇到了类似的问题，最终编写了一个辅助函数来选择下拉值。

我最终决定我可以通过选项编号进行选择，因此编写了一个方法，该方法接受一个元素和选项编号，然后选择该选项编号。如果 optionNumber 为空，则它不选择任何内容（不选择下拉列表）。

var selectDropdownbyNum = function ( element, optionNum ) {
  if (optionNum){
    var options = element.all(by.tagName('option'))   
      .then(function(options){
        options[optionNum].click();
      });
  }
};

如果您想了解更多详细信息，我写了一篇博客文章，它还涵盖了在下拉列表中验证所选选项的文本：http : //technpol.wordpress.com/2013/12/01/protractor-and-dropdowns-validation/

一种优雅的方法是创建一个类似于其他 selenium 语言绑定提供的开箱即用的抽象（例如SelectPython 或 Java 中的类）。

让我们做一个方便的包装器并将实现细节隐藏在里面：

var SelectWrapper = function(selector) {
    this.webElement = element(selector);
};
SelectWrapper.prototype.getOptions = function() {
    return this.webElement.all(by.tagName('option'));
};
SelectWrapper.prototype.getSelectedOptions = function() {
    return this.webElement.all(by.css('option[selected="selected"]'));
};
SelectWrapper.prototype.selectByValue = function(value) {
    return this.webElement.all(by.css('option[value="' + value + '"]')).click();
};
SelectWrapper.prototype.selectByPartialText = function(text) {
    return this.webElement.all(by.cssContainingText('option', text)).click();   
};
SelectWrapper.prototype.selectByText = function(text) {
    return this.webElement.all(by.xpath('option[.="' + text + '"]')).click();   
};

module.exports = SelectWrapper;

用法示例（请注意它的可读性和易用性）：

var SelectWrapper  = require('select-wrapper');
var mySelect = new SelectWrapper(by.id('locregion'));

# select an option by value
mySelect.selectByValue('4');

# select by visible text
mySelect.selectByText('BoxLox');

来自以下主题的解决方案：Select -> option abstraction。

仅供参考，创建了一个功能请求：Select -> option abstraction。

element(by.model('parent_id')).sendKeys('BKN01');

要访问特定选项，您需要提供 nth-child() 选择器：

ptor.findElement(protractor.By.css('select option:nth-child(1)')).click();