So speichern Sie Modal Popup-Werte auf der Hauptseite

Question

Ich versuche, die Daten, die im modalen Popup auf der Hauptseite eingegeben werden. Hier ist der Code für die Hauptseite. Info

   <div id="AddMoreDetails"> 
        <div class="table" runat="server" id="AddMore"> 
         <div class="col-md-4"> 
          <div class="row"> 
           <div class="col-md-12"> 
            <table style="width:200%;"> 
             <tr> 
              <td>Company Name</td> 
              <td>Company Address</td> 
              <td>Contact</td> 
              <td>Company HO</td> 
              <td>HO Contact</td> 
              <td>Email ID</td> 

             </tr> 
             <tr> 
              <td> 
               <textarea id="TextArea1"></textarea> 
              </td> 
              <td> 
               <textarea id="TextArea2"></textarea> 
              </td> 
              <td> 
               <textarea id="TextArea3"></textarea> 
              </td> 
              <td> 
               <textarea id="TextArea4"></textarea> 
              </td> 
              <td> 
               <textarea id="TextArea5"></textarea> 
              </td> 
              <td> 
               <textarea id="TextArea6"></textarea> 
              </td> 
             </tr> 
            </table> 
           </div> 
          </div> 
        <div class="col-md-12" style="text-align: right"> 
        <div class="row"> 
         <div class="col-md-12"> 

Hier ist der Code für Modal Popup-Fenster

<div id="myModalPopup" class="modal fade" role="dialog" data-keyboard="false"> // modal popup window 
         <div class="modal-dialog"> 
          <div class="modal-content"> 
           <div class="modal-header" style="background-color: orangered; border-top-left-radius: 4px; border-top-right-radius: 4px;"> 
            <button type="button" class="close" data-dismiss="modal">&times;</button> 
            <h4 class="modal-title">Company Details</h4> 
           </div> 
           <div class="modal-body"> 
            <asp:Panel ID="Panel2" runat="server" class="tab-pane"> 
             <div class="col-sm-12"> 
              <div class="row"> 
               <div class="col-sm-4"> 
                <asp:Label runat="server" ID="lblNmeComp" Text="Name of Company" AssociatedControlID="txtNmeComp" CssClass="control-label" /> 
                <asp:TextBox runat="server" ID="txtNmeComp" CssClass="form-control" /> 
                <br /> 
               </div> 
               <div class="col-sm-4"> 
                <asp:Label runat="server" ID="lblAdrComp" Text="Adress of Company" AssociatedControlID="txtAdrComp" CssClass="control-label" /> 
                <asp:TextBox runat="server" ID="txtAdrComp" CssClass="form-control" /> 
                <br /> 
               </div> 
               <div class="col-sm-4"> 
                <asp:Label runat="server" ID="lblConctComp" Text="Contact Number" AssociatedControlID="txtConctComp" CssClass="control-label" /> 
                <asp:TextBox runat="server" ID="txtConctComp" CssClass="form-control" /> 
                <br /> 
               </div> 
              </div> 
             </div> 

Hier ist die Schaltfläche Code für Modal Popup-Fenster

Öffnung

      <button id="AddMore_Button" class="btn btn-primary" data-target="myModalPopup">Add More</button> </div> 

Here is the button code for saving data from modal popup window. 

<button type="button" runat="server" onclick="savepopupdata()"> 

Um die Werte von modalen Popup-Fenster zu bekommen, habe ich eine JavaScript-Funktion geschrieben.

<script type="text/javascript"> //Java script function 
     function savepopupdata() 
     { 
      document.getElementById.valueOf(txtNmeComp) = document.getElementById.valueOf(TextArea1); 
      document.getElementById.valueOf(txtAdrComp) = document.getElementById.valueOf(TextArea2); 
      document.getElementById.valueOf(txtConctComp) = document.getElementById.valueOf(TextArea3); 

     } 
    </script> 

Aber leider speichert es nicht die Daten. Irgendein Falsch in diesem Code.

Answer 1

Wir können Eingabeelemente Werte erhalten, indem es nur wie ID, Klassen-Attribute ... versuchen mit

document.getElementById("TextArea1").value; 

...

Answer 2

wenn Sie Elemente von ids finden wollen und ihre Werte ändern , dann versuchen Sie diesen Code

function savepopupdata() { 
    document.getElementById('txtNmeComp').value = document.getElementById('TextArea1').value; 
    document.getElementById('txtAdrComp').value = document.getElementById('TextArea2').value; 
    document.getElementById('txtConctComp').value = document.getElementById('TextArea3').value; 
}