Php 简单jquery显示div不工作_Php_Jquery

Php 简单jquery显示div不工作

php jquery

Php 简单jquery显示div不工作,php,jquery,Php,Jquery,这段代码不起作用真是太奇怪了。。我只想在加载时隐藏一个div，在单击“新建”按钮时打开显示。。请告诉我哪里做错了……谢谢 <?php include('connect.php'); ?> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://ajax.aspnetcdn.com/a

这段代码不起作用真是太奇怪了。。我只想在加载时隐藏一个div，在单击“新建”按钮时打开显示。。请告诉我哪里做错了……谢谢

<?php
include('connect.php');
?>

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

 <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
 <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
 <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.js"></script>
 <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.min.js"></script>

 <script>



  $(document).ready(function(){


$('#form2').hide();

  $("#form1").validate({
         debug: false,
   rules: {

    plid:"required",
       },
   messages: {

    plid: "Please select a pack name id..",
    },

    submitHandler: function(form) {

    $.ajax
   ({




type: "POST",
url: "aa.php",
data: $('#form1').serialize(),
cache: false,

success: function(response) {
    $('#result1').html(response); 

        }
        });
        }

  });
  });


  </script>
  <script>
$("#new").click(function(){

    $("#form2").show();
})
  </script>

</head>
<body>

Packing List
</br>
<form id="form1" name="form1" action="" method="post">
<?php   


echo '<select  name="plid" id="plid">';
echo '<option value="" selected="selected">--Select the Pack Name--</option>';
$tempholder = array();
$sql="SELECT CONCAT( p.pl_no,  '_', DATE_FORMAT( p.pl_dt,  '%d/%m/%Y' ) ,  '_', g.acname ) AS plname, p.pl_id FROM packlist p, glmast g WHERE g.gl_id = p.gl_id ORDER BY pl_dt DESC , pl_no DESC LIMIT 30";


$query = mysql_query($sql) or die(mysql_error());
$nr = mysql_num_rows($query);
for ($i=0; $i<$nr; $i++){
$r = mysql_fetch_array($query);
if (!in_array($r['plname'], $tempholder)){
$tempholder[$i] = $r['plname'];
echo "<option value='$r[pl_id]'>".$r["plname"]."</option>";
}
}

echo '</select>';

?><br/>

<input type="submit" name="delete" value="Delete"/><br/>
<input type="submit" name="edit" id="edit" value="Edit"/><br/>

</form>
<form>
<input type="submit" name="new" id="new" class="new" value="New" /><br/>
</form>

<div id="newform" class="newform">

        <form name="form2" class="form2" id="form2" method="post" action="aa.php">
        <P>
            <LABEL for="plidnew">PackList No 
                      <INPUT type="text" id="plidnew" name="plidnew"></LABEL><BR><BR>
            <LABEL for="itemidnew">Item Id 
                      <INPUT type="text" id="itemidnew" name="itemidnew"></LABEL><BR><BR>
            <LABEL for="quannew">Quantity
                      <INPUT type="text" id="quannew" name="quannew"></LABEL><BR><BR>
            <LABEL for="potnew">Potency
                      <INPUT type="text" id="potnew" name="potnew"></LABEL><BR><BR>
            <LABEL for="sizenew">Size
                      <INPUT type="text" id="sizenew" name="sizenew"></LABEL><BR><BR>

            <INPUT type="submit" id="newsubmit" name="newsubmit" value="Submit"> <INPUT type="reset">
            </P> 

        </form>

</div>
<div id="result1"></div>
</body>

</html>


$（文档）.ready（函数（）{
$（'#form2'）.hide（）；
$（“#表格1”）。验证({
调试：错误，
规则：{
plid：“必需”，
},
信息：{
plid：“请选择一个包名称id…”，
},
submitHandler:函数（表单）{
$.ajax
({
类型：“POST”，
url:“aa.php”，
数据：$（'#form1'）。序列化（），
cache:false，
成功：功能（响应）{
$（'#result1'）.html（响应）；
}
});
}
});
});
$（“#新建”）。单击（函数（）{
$（“#form2”）.show（）；
})
装箱单


你应该把任何代码放在更具体的代码中，而不仅仅是复制粘贴你的所有代码，因为我们不能尝试你的脚本，比如连接到mysql。。。但是
你应该把
$("#new").click(function(){
      $("#form2").show();
});

里面
  $(document).ready(function(){...

并且不要对所有按钮都使用type=“submit”，因为它会启动表单的提交，您应该使用例如：
<input type="button" name="new" id="new" class="new" value="New" />


放入$（document）.ready（function（）{…}）函数。请添加JFFiddle@jap1968我试过了，没有效果。。谢谢你的回复：）谢谢你的回答。。我把代码放在ready函数中，它起作用了。。但随后is显示div，加载页面，表单消失。。。知道怎么回事吗..谢谢…这是因为输入type=“submit”启动页面的重新加载，请使用输入type=“button”