Transformer du code HTML en ASP.net mais sa ne fonctionne pas

<select id="list">
  <option value="1">Choisisez Votre Type</option>
  <option value="2">Morale	</option>
  <option value="3">Physique	</option>
  
</select>
<p id="demo"></p>
<script type="text/javascript">
  function listQ()
  {
  var mycode = "<input type='text' placeholder='Saisie Votre Matricule Fiscale.'> ";
    var mycode2 = "<input type='text' placeholder='Saisie Votre Matricule.'> ";

    var e = document.getElementById("list");
    if(e.selectedIndex == 1)
	{
      if("2" === e.options[e.selectedIndex].value){  document.getElementById("demo").innerHTML = mycode2; }
    }
	
	else if(e.selectedIndex == 2)
	{
      if("3" === e.options[e.selectedIndex].value){  document.getElementById("demo").innerHTML = mycode; }
    }
  }
  document.getElementById("list").addEventListener("click",listQ);
</script>

<script type="text/javascript">
                                                function listQ() {
                                                    var mycode = "<input type='text' placeholder='Saisie Votre Matricule Fiscale.'> ";
                                                    var mycode2 = "<input type='text' placeholder='Saisie Votre Matricule.'> ";

                                                    var e = document.getElementById("DropDownList1");
                                                    if (e.selectedIndex == 1) {
                                                        if ("2" === e.ListItem[e.selectedIndex].value) { document.write = mycode2; }
                                                    }

                                                    else if (e.selectedIndex == 2) {
                                                        if ("3" === e.ListItem[e.selectedIndex].value) { document.write = mycode; }
                                                    }
                                                }
                                                document.getElementById("DropDownList1").addEventListener("click", listQ);
</script>

                                            <asp:DropDownList id="DropDownList1" runat="server" CssClass="ipt" >
                                                <asp:ListItem value="1">Choisir votre type</asp:ListItem>
                                                <asp:ListItem value="2">Morale</asp:ListItem>
                                                <asp:ListItem value="3">Physique</asp:ListItem>
                                            </asp:DropDownList>
                                            <br /><br /><br /><br /><p id="demo"></p>