title: changing text for a selected option only when its in selected mode
body: <p>I am not sure if I confused everyone with the above title. My problem is as follows.</p>
  
  <p>I am using standard javascript (no jQuery) and HTML for my code. The requirement is that for the <code>&lt;select&gt;...&lt;/select&gt;</code> menu, I have a dynamic list of varying length.</p>
  
  <p>Now if the length of the <code>option[selectedIndex].text &gt; 43</code> characters, I want to change the       <code>option[selectecIndex]</code> to a new text. </p>
  
  <p>I am able to do this by calling </p>
  
  <pre><code>this.options[this.selectedIndex].text = "changed text"; 
  </code></pre>
  
  <p>in the onChange event which works fine. The issue here is once the user decides to change the selection, the dropdownlist is showing the pervious-selected-text with changed text. This needs to show the original list.</p>
  
  <p>I am stumped! is there a simpler way to do this?</p>
  
  <p>Any help would be great.</p>
  
  <p>Thanks</p>