asp.net js controlIDを動的に増やす

Question

ボタンをクリックするたびにASPのcontrolIDを増やしたい。より多くの電話番号を追加する。新しいasp：textboxが追加されるたびに、新しいIDを作成する必要があります。 さらにdiv/textboxを追加しても問題ありませんが、各テキストボックスのIDは同じです。

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); 
 
     
 
    }

誰でも助けることができますか？

Answer 1

同じIdでhtmlを生成しているため、Idは同じです。

//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); 

    } 

あなたは `のようなサーバー側のコントロールを追加することはできません。このコード

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); 

    }