Question

我在一个页面中创建了两个表单，每个表单都有自己的按钮。当我点击第一个表单按钮时，应该同时刷新两个表单。

我的第一张表格看起来像这样

<form id="search_form" method="post" action="do_searchID.php"> 
        <label>Enter Employee Number</label>
        <input type="text" name="emp_id" id="emp_id">
        <button type="submit" name="search">Search</button>
</form>

我的第二个表单在同一页面上看起来像这样

<form method="post" action="do_searchID.php">
<label>Full Name</label>
<input type="text"  id="full_name" value="">
<button type="submit" name="submit_update">Update Now </button>
</form>

从这个怎么写jquery来做上面的任务。请帮助我，我不知道通过执行此任务，我必须从数据库中检索数据。

Answer 1

$("#SearchButton").click(function(){
     // Trigger your submit of both form
     $("#search_form,#ID_form_2").submit();
})

您可以使用上述代码。如果您希望在第一次提交按钮电话时完成此操作。

FORM1

<form id="search_form" method="post" action="do_searchID.php"> 
    <label>Enter Employee Number</label>
    <input type="text" name="emp_id" id="emp_id">
    <button type="submit" id='SearchButton' name="search">Search</button>
</form>

FORM2

<form method="post" id='ID_form_2' action="do_searchID.php">
    <label>Full Name</label>
    <input type="text"  id="full_name" value="">
    <button type="submit" name="submit_update">Update Now </button>
</form>

Answer 2

最好的方法是对要刷新的所有字段使用公共类。并创建一个执行此操作的函数。

喜欢这个。

  function refreshForm()
   {
   $(".commonClass").val('');
   }

就是这样。

Answer 3

您可以使用ajax执行此操作。我认为您正在尝试使用员工ID搜索员工并以第二种形式显示员工姓名。为此，这里是ajax代码

$(function()){
var emp_id = $('#emp_id').val();
$.ajax({
          url: filename.php,
          data: {'emp_id':emp_id},
          dataType: 'json',
          method:'POST',
            success:function (data)
            {
                var emp_name = data.empname;
                /* If its receiving json in data then parse like JSON.parse(data). Then get employee name*/
                $("#fullname").val('emp_name');
            }
        });
});

在php中，您可以通过$ _POST [＆＃39; emp_id＆＃39;]获取emp_id，并通过emp_id搜索员工姓名并返回员工姓名。

如何在同一页面的一个按钮中刷新两个表单

3 个答案: