如何在主頁中保存模式彈出窗口值

Question

我正在嘗試將在模式彈出窗口中輸入的數據保存到主頁。 這是主頁的代碼。 公司介紹

                <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">

這是模態彈出窗口的代碼

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

這是打開模式彈出窗口的按鈕代碼

                            <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()">

為了從模式彈出窗口獲取值，我編寫了一個javascript函數。

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

但是不幸的是它沒有保存數據。 此代碼中有任何錯誤。

Answer 1

我們只能通過其屬性來獲取輸入元素的值，例如ID，Class ...試試

document.getElementById("TextArea1").value;

...

Answer 2

如果要通過ID查找元素並更改其值，請嘗試以下代碼

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