Question

<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<button id="hidr">Hide</button>
<button id="showr">Show</button>
<div>
<span style='display:none'>

<?php
    <form id='form1' name='form1' method='post' action='do.php?sales/new_stat_rep'>
        <table  class='generic'>

        <tr bgcolor='13a0ff'><td colspan='6'><center><b>CREATE STATUS REPORT</b></center></td></tr>
            <tr bgcolor='4ab6ff'>
                <td>J.O. Date</td><td><input type='text' name='sm_jodate' value='MM/DD/YYYY' onfocus='showCalendarControl(this)' style='width:100%'></td>
                <td>Proposal Number</td><td><input type='text' name='sm_proposalno' style='width:100%'></td>
                <td>Project Duration</td><td><input name='sm_proj_duration' type='text' style='width:100%'></td>
            </tr>

        </table>
            <input type='submit' value='Save' name='sumbit'>
            <input type='hidden' name='button' value='yes'>
    </form>

?>

    </span>

  </div>

<script>
    $("#showr").click(function () {
      $("span").show(1000);
    });
    $("#hidr").click(function () {
      $("span:last-child").hide("fast", function () {
        // use callee so don't have to name the function
        $(this).prev().hide("fast", arguments.callee); 
      });
    });


</script>

此代码首先有一个2按钮，隐藏和显示..为了查看表单，用户必须单击该节目。我关心的是，如果我以表格的形式提交输入，则不会关闭，除非用户点击隐藏。按钮，以及如何做到

Answer 1

试试这个

<input type='submit' value='Save' name='sumbit' id="SubmitFrm">

在脚本中添加以下代码

$("#SubmitFrm").click(function(){
     $("#hidr").click();
});

Answer 2

$("#showr").click(function () {
  $("span").show(1000);
});
$("#hidr").click(function () {
  $("span:last-child").hide("fast", function () {
    // use callee so don't have to name the function
    $(this).prev().hide("fast", arguments.callee); 
  });
});
$("#submit").click(function(e){
   e.preventDefault();
   $("#form1").submit();
});

试试这个。这是工作。将id添加到您的提交按钮（我的代码中的id =“submit”）。

DEMO

显示/隐藏 - 即使单击提交后，表单也不会关闭，除非用户单击隐藏

2 个答案: