title: how to set the innerHTML of HTML drop down list in IE
body: <p>I have one html drop down list and button.</p>
  
  <pre><code> &lt;select style="width:170px" id="ddl"&gt;&lt;/select&gt;
    &lt;input type="button" value="getvalue" onclick="abc()" /&gt;
  </code></pre>
  
  <p>when i click this button , i need to change the innerHTML of drop down list.for that, i am calling one javascript fuction. it is working all other browser except IE. i am using IE8 version.so i don't know whether it will works on other IE versions</p>
  
  <pre><code>  &lt;script type="text/javascript"&gt;
      function abc()
      {
          var a = "&lt;option selected='selected'   value='TN_Pulling'&gt;TN_Pulling&lt;/option&gt;";
          document.getElementById('ddl').innerHTML = a;
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>please help me to sort it out. did i missed anything ?</p>