title: selectedIndex undefined in IE
body: <p>I saw a few posts similar to my problem and tried the solutions offered, but I'm still having issues with IE8 &amp; IE9 and 'selectedIndex'. This code returns my variable <strong>answerSubmitted</strong> as 'undefined': </p>
  
  <pre><code>var answerSubmitted = document.getElementById("DropDown-Answers").selectedIndex;
  </code></pre>
  
  <p>The above works perfectly in all other browsers. Based on another post here, I also tried this:</p>
  
  <pre><code>var answerSubmitted = document.getElementById("DropDown-Answers").value;
  </code></pre>
  
  <p>Still the same results - works elsewhere, but not in IE8 or IE9. I've verified that IE is recognizing that particular element by its ID. </p>
  
  <p>Any guidance here?</p>
  
  <p><strong>MORE INFO:</strong>
  I'm creating the drop down menu dynamically by going thru a loop and adding variable text between the option and /option tags, like so (note that 'tempRandom' is a random number updated each time thru the loop):</p>
  
  <pre><code>tempMenuText = tempMenuText + "&lt;option&gt;" + Answers[tempRandom] + "&lt;/option&gt;";     
  </code></pre>
  
  <p>The results are surrounded by the form an select tags, then I update the innerHTML of my element. This works and generates a working drop down menu. But... perhaps this is a clue: when I put a test with the innerHTML of the menu element into another element to view it, it shows as empty. It's as though IE is not seeing that there is HTML in the element, thinks it is null, and therefore 'selectedIndex' fails as null.</p>