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