title: Internet Explorer 6 and 8 onchange not working
body: <p>I am trying to populate some fields on a form using the onchange method of a select box.</p>
  
  <pre><code>&lt;tr&gt;
                  &lt;td align="left"&gt;&lt;label&gt;*Select Branch:&lt;/label&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;form:select tabindex="5" path="userInputBranch" onchange="setProcessorBranchLocationOnChange()"&gt;
                          &lt;form:option value="--" label="--" /&gt;
                          &lt;form:options items="${ customerAddEntity.selectionContentsBranch}" itemLabel="key" itemValue="value" /&gt;
                      &lt;/form:select&gt; 
                      &lt;form:hidden path="autoUserInputProcessor" /&gt; 
                      &lt;form:hidden path="autoUserInputCompany" /&gt; 
                      &lt;form:hidden path="autoUserInputLocation" /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
  </code></pre>
  
  <p>The Javascript function:</p>
  
  <pre><code>function setProcessorBranchLocationOnChange() {
  var rawBranch = $('#userInputBranch').attr('value').split('-');
      $('#autoUserInputProcessor').attr('value', rawBranch[0]);
      $('#autoUserInputCompany').attr('value', rawBranch[1]);
      $('#autoUserInputLocation').attr('value', rawBranch[2]);
      if(rawBranch[3]!=null){
          var cBranch = rawBranch[3].split('=');
          $('#userInputBranch').attr('value', cBranch[1]);
      }
  </code></pre>
  
  <p>}</p>
  
  <p>As you can see I am trying to populate the hidden fields, autoUserInputProcessor, Company, Location with a subString value of the selected drop down value.</p>
  
  <p>This works fine in Chrome and IE7.  I am not getting any updates on the hidden fields in IE6 and IE8.  I am using spring's tag lib to generate the form.  Any help would be greatly appreciated.  Please let me know if you need any additional information.</p>
  
  <p>I am using jQuery 1.61.min.js with jQuery forms 2.4 and jQuery UI 1.8.</p>
  
  <p>Here is some sample data from the select that is generated by Spring.</p>
  
  <p>This is one of the options. ( I have no control over the format of the value, it is as I received it.)</p>
  
  <pre><code>    &lt;option value="06-04-22-id=2504"&gt;Oneonta, NY&lt;/option&gt;
  </code></pre>
  
  <p>This is an example of the fields populated.</p>
  
  <pre><code>&lt;input id="autoUserInputProcessor" name="autoUserInputProcessor" type="hidden" value="06"&gt;
  &lt;input id="autoUserInputCompany" name="autoUserInputCompany" type="hidden" value="04"&gt;
  &lt;input id="autoUserInputLocation" name="autoUserInputLocation" type="hidden" value="22"&gt;
  </code></pre>
  
  <p>This is my complete javascript file that is loaded when the page loads:</p>
  
  <pre><code>    //window.onbeforeunload = confirmExit;
  
      function setProcessorBranchLocationOnChange() {
      var rawBranch = $('#userInputBranch').attr('value').split('-');
      $('#autoUserInputProcessor').attr('value', rawBranch[0]);
      $('#autoUserInputCompany').attr('value', rawBranch[1]);
      $('#autoUserInputLocation').attr('value', rawBranch[2]);
      if(rawBranch[3]!=null){
          var cBranch = rawBranch[3].split('=');
          $('#userInputBranch').attr('value', cBranch[1]);
      }
  
      }
  
  $(function() {
  // Set tab indicies that aren't available until load.
  $('#customersearchanchor').attr('tabIndex', 120);
  $('#logoutLink').attr('tabIndex', 125);
  
  // Set the processor, company, location
  // hidden fields on branch select change
  
  setProcessorBranchLocationOnChange();
  
  });
  </code></pre>