asp.net js controlID dynamisch erhöhen

Question

Ich möchte ASP controlID jedes Mal erhöhen, wenn ich auf die Schaltfläche klicken. Zum Beispiel das Hinzufügen weiterer Telefonnummern. Jedes Mal, wenn ein neues Asp: Textfeld hinzugefügt wird, sollte eine neue ID erstellt werden. Das Hinzufügen von mehr Div/Textbox funktioniert gut, aber ID jedes Textfelds ist gleich.

function GetDynamicMobileNo(value) { 
 
     return '<div><asp:TextBox ID="txtAddMoreNumber" runat="server" CssClass="form-control" MaxLength="11" Placeholder="Mobile No"></asp:TextBox></div></br>'; 
 
    } 
 
    
 
    function AddMobileNo() {   
 
     var div = document.createElement('DIV'); 
 
     div.innerHTML = GetDynamicMobileNo(""); 
 
     document.getElementById("MobileNoContainer").appendChild(div); 
 
     
 
    }

kann jemand helfen?

Answer 1

ID ist gleich, weil Sie HTML mit der gleichen ID generieren.

//Here is your problem 
function GetDynamicMobileNo(value) { 
     return '<div><asp:TextBox ID="txtAddMoreNumber" runat="server" CssClass="form-control" MaxLength="11" Placeholder="Mobile No"></asp:TextBox></div></br>'; 
    } 

    function AddMobileNo() {   
     var div = document.createElement('DIV'); 
     div.innerHTML = GetDynamicMobileNo(""); 
     document.getElementById("MobileNoContainer").appendChild(div); 

    } 

ändern es zu diesem Code

function GetDynamicMobileNo(value, id) { 
     return "<div><asp:TextBox ID=\" + id + \" runat=\"server\" CssClass=\"form-control\" MaxLength=\"11\" Placeholder=\"Mobile No\"></asp:TextBox></div></br>"; 
    } 

    function AddMobileNo() {   
     var div = document.createElement('DIV'); 
     div.innerHTML = GetDynamicMobileNo("", someRandomIdGenerator()); 
     document.getElementById("MobileNoContainer").appendChild(div); 

    }