Mukesh

Mukesh

  • NA
  • 228
  • 40k

How to Generate Multiple TextBox in asp.net

Mar 18 2017 3:02 AM
 How to Genereate multiple textbox on Click of Plus Symbol and how to store all text box value in database i am using bootstrap and when i click on plus symbol 3 textbox open and again i click on plus button then 3 textbox open so i want use like multiple time
 
please help me below is my code 
 
 
<script language="javascript">
function enbrow() {
alert("enable first row");
document.getElementById("firstrw").style.display = "block";
}
</script>
<div class="col-xs-6 col-md-12">
<label for="firstName">Whether names, telephone no's of authoritites to contacted have been publicized/made available to freshers</label>
<%--<input class="form-control" name="firstname" placeholder="First Name" type="text"--%>
<div>
<asp:TextBox ID="TextBox2" class="form-control" runat="server" required autofocus style="width:32%;float:left; margin-right:7px;" placeholder="Name"></asp:TextBox>
<asp:TextBox ID="TextBox20" class="form-control" runat="server" required autofocus style="width:32%;float:left; margin-right:7px;" placeholder="Designation"></asp:TextBox>
<asp:Textbox ID="text" class="form-control" runat="server" required style="width:25%;float:left; margin-right:7px;float:left;" placeholder="Contact" />
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">
</div>
<div style="clear:both"> </div>
<div style="margin-top:15px;display:none;" id="firstrw">
<asp:TextBox ID="TextBox9" class="form-control" runat="server" required autofocus style="width:32%;float:left; margin-right:7px;" placeholder="Name"></asp:TextBox>
<asp:TextBox ID="TextBox10" class="form-control" runat="server" required autofocus style="width:32%;float:left; margin-right:7px;" placeholder="Designation"></asp:TextBox>
<asp:Textbox ID="Textbox11" class="form-control" runat="server" required style="width:25%;float:left; margin-right:7px;float:left;" placeholder="Contact" />
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">
</div>

Answers (1)