title: HTML/JQUERY form select options specify starting point
body: <p>I am using a jquery script to create some custom style select boxes on form, jquery script here: <a href="http://www.bulgaria-web-developers.com/projects/javascript/selectbox/" rel="nofollow">http://www.bulgaria-web-developers.com/projects/javascript/selectbox/</a>. (This question doesn't really relate to the jquery script, but thought I should include it.)</p>
  
  <p>I have a select (dropdown) option on a form which has heights from 1 foot to 6 foot. By default the first option is 1 foot, but I would like it to start at around 5 foot, as this is a more common option. I still want to maintain the ability to scroll up and down through the options in order from smallest to highest.</p>
  
  <p>'selected' does not produce the result I am looking for. Does anyone know how get this to work?</p>
  
  <p>Thanks</p>
  
  <hr>
  
  <p>As requested a bit more info, here is an example of the dropdown:</p>
  
  <pre><code>&lt;select name="height"&gt;
  &lt;option value="1 1"&gt;1ft 1 in&lt;/option&gt;
  &lt;option value="1 2"&gt;1ft 2 in&lt;/option&gt;
  &lt;option value="1 3"&gt;1ft 3 in&lt;/option&gt;
  &lt;option value="1 4"&gt;1ft 4 in&lt;/option&gt;
  &lt;option value="1 5"&gt;1ft 5 in&lt;/option&gt;
  &lt;option value="1 6"&gt;1ft 6 in&lt;/option&gt;
  &lt;option value="1 7"&gt;1ft 7 in&lt;/option&gt;
  &lt;option value="1 8"&gt;1ft 8 in&lt;/option&gt;
  &lt;option value="1 9"&gt;1ft 9 in&lt;/option&gt;
  ...
  &lt;/select&gt;
  </code></pre>
  
  <p>This list goes on, but when user come to the list they have to scroll all the way to their height, so I would like to make the starting point around 5ft 0in so that users can scroll up or down where they need to.</p>