title: How to set selected option of select element by its ID?
body: <pre><code>&lt;select id="comboBox"&gt;
      &lt;option id="1"&gt;One&lt;/option&gt;
      &lt;option id="2"&gt;Two&lt;/option&gt;
      &lt;option id="3"&gt;Three&lt;/option&gt;
      &lt;option id="4"&gt;Four&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I want to select option with ID 3. Is there any way how to do it without loop? I expect something like this</p>
  
  <pre><code>$("#comboBox").val("3");
  </code></pre>
  
  <p>but with ID instead of value. (So I mean to access that option as member of comboBox, not through selector like <code>document.getElementById('3');</code>)</p>