title: Parameterizing options dropdown lists in Protractor E2E tests
body: <p>I'm trying to get my protractor E2E tests to interact with a drop down menu. </p>
  
  <p>In the page that I'm testing, we have a drop down for countries. The dropdown contains 4 selectable options "?" which is blank, and then US, UK, and Canada. </p>
  
  <p>I'm obviously not calling the element correctly within my PO file, as the parameterization is not working. The tests "pass", however when you watch what is being driven, the country that is selected, is the "?" one(which is default). So the test is navigating to the page, selecting the element and not actually clicking on the option that I'd like. </p>
  
  <p>From what I can tell, I need to somehow get the parameterized option that is inputed from the spec file to the element however i'm not really sure if this is possible.</p>
  
  <p>What am I missing/doing wrong? </p>
  
  <p>Spec file:</p>
  
  <pre><code>campaignPO.clickCountryLocation('US');
  </code></pre>
  
  <p>PageObject file:</p>
  
  <pre><code>this.countryType = by.css('select[ng-model="country"]');
  
  this.clickCountryLocation = function(button) {
         element(this.countryType).click(button);
  };
  </code></pre>
  
  <p>Here is the element were working with:</p>
  
  <pre><code>&lt;select class="form-control input-sm ng-pristine ng-invalid ng-invalid-required" 
          ng-size="11" 
          ng-model="country" 
          name="country" 
          ng-options="opt.value as opt.label for opt in countries" 
          ng-change="updateCountry()" 
          required=""&gt;
  &lt;option value="?" selected="selected" label=""&gt;&lt;/option&gt;
  &lt;option value="0" label="US"&gt;US&lt;/option&gt;
  &lt;option value="1" label="UK"&gt;UK&lt;/option&gt;
  &lt;option value="2" label="Canada"&gt;Canada&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>