Unable to select item from dropdown in Protractor

Question

I haven't figured out a way to select an item from the dropdown that I'm trying to interact with. The only thing I've been able to do is show at least one of the names of the possible dropdown items by using: element.all(by.model('payAcc.paymentType.selected')).getText().then(function(name) { console.log(name); });

This prints out ['Bank Account']. I've tried several methods such as by.model , by.id , etc.

Here is the html that deals with the dropdown:

Here is another picture of the same thing that shows the dropdown, and elements from the web browser console, which may be more helpful.:

My whole goal is to be able to select either of the dropdowns to continue on with filling in the rest of the appropriate information for the account. The version of Protractor we're using is v2.5.1. Any help from Protractor gods is appreciated.

Answer 1

I think you can just send keys to the dropdown :

var dropdown = element(by.model('payAcc.paymentType.selected'));
dropdown.sendKeys("Debit/Credit Cards");

Answer 2

If that doesn't work, I had to click on the drop down first, before being able to click on elements within the drop-down to select. So it would be something like:

dropdown.click().then( function() {
       dropdown.get(index of option you want to select).click()
}