title: How to select nth item inside select element in cypress
body: <p>say I have the HTML:</p>
  
  <pre><code>&lt;select name="subject" data-testid="contact-us-subject-field"&gt;
    &lt;option value="What is this regarding?"&gt;What is this regarding?&lt;/option&gt;
    &lt;option value="Partnerships"&gt;Partnerships&lt;/option&gt;
    &lt;option value="Careers"&gt;Careers&lt;/option&gt;
    &lt;option value="Press"&gt;Press&lt;/option&gt;
    &lt;option value="Other"&gt;Other&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Selecting an option with a known value, such as 'Careers' is as easy as:</p>
  
  <pre><code>cy.get('[data-testid="contact-us-subject-field"]').select('Careers');
  </code></pre>
  
  <p>How do I select the nth option in this field, <em>regardless</em> of its value?</p>