title: Change option in select drop down using javascript
body: <p>Firstly apologies if this is a dumb question, I'm rather new to javascript. </p>
  
  <p>I have a select box which is generated by my organisations CMS. I can't change the drop down's content or how it is generated. What I would like to do however is when the page is loaded, change the default (or "selected") option based on a particular value. The other problem is the default is already set in the select drop down is created in HTML. If I could actually change the way options for the select drop down I could easily create some javascript to set the default selection, unfortunately I can't. I'm completely lost. Any assistance would be greatly appreciated. </p>
  
  <p>Code used:</p>
  
  <p><strong>I unfortunately cannot change this:</strong></p>
  
  <pre><code>&lt;select name="q528696:q1" id="q528696_q1"  class="sq-form-field"&gt;&lt;option value="0" selected="selected"&gt;Address&amp;nbsp;adult&amp;nbsp;language&amp;nbsp;literacy&amp;nbsp;and&amp;nbsp;numeracy&amp;nbsp;|&amp;nbsp;688&lt;/option&gt;*More options here*&lt;/select&gt;
  </code></pre>
  
  <p><strong>This is the javascript used. It's very simple:</strong></p>
  
  <pre><code>&lt;SCRIPT&gt; window.onload=updateSelect(); 
  function updateSelect() { 
  document.getElementById('q528696:q1').value=25; 
  }; 
  &lt;/SCRIPT&gt;
  </code></pre>