我有 2 个表单,第一个表单包含只读信息,如何使用第二个表单输入框和链接标签进行更新以进行提交


I have 2 forms, the first form contains read only information, how do I update it using the second form input box with a link tag for submit

我有 2 个表单,包含readOnly=true的员工信息我的第二个表单包含用于替换和更新第一个表单内数据的输入框。我的更新是链接标签而不是按钮。

第一形式

<form class="secondtdr" name="updatein">
                                    <h4 class="ua">Referrer Personal Information</h4>
                                            <div class="referrerid">
                                                <p align="left">Referrer ID</p>
                                                <input type="text" name="cont" value="<?php echo $contact_no; ?>" readOnly="true">
                                            </div>
                                            <div class="empnum">
                                                <p align="left">Employee Number</p>
                                                <input type="number" name="cont" value="<?php echo $empid; ?>" readOnly="true">
                                            </div>

第二形式

<form class="tabletoedit" method="post">
                                                        <br>
                                                        <div class="empnum">
                                                            <p align="left">Employee Number</p><br>
                                                            <input type="number" name="cont" value="">
                                                        </div>
                                                        <div class="fnamep">
                                                        <p align="left">Fullname</p>
                                                        <input type="text" name="cont" value="">
                                                        </div>
 <div class="action_btns">
                                                            <div class="one_half">
                                                            <a href="javascript:document.forms['updatein'].submit()" class="upbtn" name="btnUpdate">Update</a>     
                                                            </div>
                                                        </div>
                                                    </form>

你可以通过编写一些javascript代码来实现它,就像这样(下面的代码没有测试)。

<script>
    function updateData()
    {
      document.getElementById('form1_employee_num').value = document.getElementById('employee_num').value;
...
     //if you wan to update the new data to database,you can use AJAX
    }
</script>

表格 1

<form class="secondtdr" name="updatein">
     <h4 class="ua">Referrer Personal Information</h4>
          <div class="referrerid">
             <p align="left">Referrer ID</p>
             <input type="text" name="cont" value="<?php echo $contact_no; ?>" readOnly="true" id="form1_referrer_id">
          </div>
          <div class="empnum">
             <p align="left">Employee Number</p>
                <input type="number" name="cont" value="<?php echo $empid; ?>" readOnly="true" id="form1_employee_num">
          </div>

表格2

<form class="tabletoedit" method="post">
    <br>
    <div class="empnum">
       <p align="left">Employee Number</p><br>
       <input type="number" name="cont" value="" id="employee_num">
    </div>
    <div class="fnamep">
       <p align="left">Fullname</p>
       <input type="text" name="cont" value="" id="fullname">
    </div>
    <div class="action_btns">
        <div class="one_half">
          <a href="javascript:void(0);" class="upbtn" name="btnUpdate" onclick="updateData();">Update</a>     
        </div>
    </div>
</form>