title: Javascript IE innerHTML of <select>
body: <p>I'm trying to change the innerHTML of a  element based on the value of the previous  element.</p>
  
  <p>I have the javascript correctly grabbing the current value and everything works correctly in Firefox, Safari, Chrome and Opera.  IE is a pain.</p>
  
  <p>sample code:</p>
  
  <pre><code>&lt;form action="soap.php" method="post"&gt;
      &lt;select name="circuitproduct" id="circuitproduct" onchange="bandwidthfunction();"&gt;
          &lt;option&gt;Dedicated Voice&lt;/option&gt;
          &lt;option&gt;Frame Relay&lt;/option&gt;
          &lt;option&gt;ATM&lt;/option&gt;
          &lt;option&gt;Dedicated Internet&lt;/option&gt;
          &lt;option&gt;IP Solutions Private Port&lt;/option&gt;
          &lt;option&gt;IP Solutions Enhanced Port&lt;/option&gt;
          &lt;option&gt;Private Line – Domestic&lt;/option&gt;
          &lt;option&gt;Int’l Private Line&lt;/option&gt;
          &lt;option&gt;Qwest Metro Private Line (QMPL)&lt;/option&gt;
          &lt;option&gt;Qwest Metro Ethernet Private Line (QMEPL)&lt;/option&gt;
      &lt;/select&gt;&lt;br /&gt;
      &lt;select name="term" id="term"&gt;
          &lt;option value="1-Year"&gt;1-Year&lt;/option&gt;
          &lt;option value="2-Year"&gt;2-Year&lt;/option&gt;
          &lt;option value="3-Year"&gt;3-Year&lt;/option&gt;
      &lt;/select&gt;
      &lt;select id="bandwidth"&gt;
      &lt;/select&gt;
      &lt;select id="sublooptype"&gt;
      &lt;/select&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>sample javascript:</p>
  
  <pre><code>function bandwidthfunction() {
  var product = document.getElementById('circuitproduct').value;
      if (product == 'Dedicated Voice') {
          document.getElementById('bandwidth').innerHTML = ('&lt;option value="DS-1"&gt;DS-1&lt;/option&gt;&lt;option value="DS-3"&gt;DS-3&lt;/option&gt;&lt;option value="OC-3"&gt;OC-3&lt;/option&gt;&lt;option value="OC-12"&gt;OC-12&lt;/option&gt;');
          document.getElementById('sublooptype').innerHTML = ('&lt;option value="Special Access"&gt;Special Access&lt;/option&gt;&lt;option&gt;CO MtPt - Special Access&lt;/option&gt;&lt;option&gt;CPA Special Access&lt;/option&gt;');
      }
      else if (product == 'Frame Relay') {
          document.getElementById('bandwidth').innerHTML = ('&lt;option value="DS-1"&gt;DS-1&lt;/option&gt;&lt;option value="DS-3"&gt;DS-3&lt;/option&gt;&lt;option value="OC-3"&gt;OC-3&lt;/option&gt;&lt;option value="OC-12"&gt;OC-12&lt;/option&gt;');
          document.getElementById('sublooptype').innerHTML = ('&lt;option value="Special Access"&gt;Special Access&lt;/option&gt;&lt;option&gt;CO MtPt - Special Access&lt;/option&gt;&lt;option&gt;CPA Special Access&lt;/option&gt;');
  }
  </code></pre>