title: How to Set Dropdown Value with dom-repeat
body: <p>I am trying to select the second option form a dropdown if specific conditions are met, am having problems with the <code>selectedIndex</code> </p>
  
  <pre><code>&lt;select id="contact" on-change="selectContact"&gt;
    &lt;option  value="-1" selected&gt;Select Contact&lt;/option&gt;
    &lt;template is="dom-repeat" items="[[contacts]]" as="contact" index-as="index"&gt;
       &lt;option value="[[contact]]"&gt;[[contact]]&lt;/option&gt;
    &lt;/template&gt;
  &lt;/select&gt;
  
  &lt;select id="name" on-change="selectName"&gt;
    &lt;option  value="-1" selected&gt;Select Name&lt;/option&gt;
      &lt;template is="dom-repeat" items="[[names]]" as="name"&gt;
        &lt;option value="[[name]]"&gt;[[name]]&lt;/option&gt;
      &lt;/template&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>...</p>
  
  <pre><code>selectContact() {
    for (let i = 0; i &lt; this.customerTable[0].length; i++) {
      if(true) {
          array[i] = this.customerTable[0][i]['name'];
        }
    }
    this.names = this.$.util.utilFn(array);
  
  
    if(this.names.length == 1) {
      this.shadowRoot.querySelector('#name').selectedIndex = 2;
    }
  
  }
  </code></pre>
  
  <p>How can I select the second child of a dom-repeat dropdown?</p>