基于表单选择jQuery .post AJAX回显PHP

时间:2012-10-14 20:28:52

标签: php jquery ajax forms post

我正在使用jQuery在表单上进行选择后发送一个AJAX请求,并且我希望根据所做的选择将不同的东西回送到div中。这是我的表格:

<form name="myform" id="myform" method="post" action="#">
   <select name="myselect" id="myselect">
      <option>-- Make a selection --</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>           
   </select>
</form>

以下是页面前面的javascript:

$(document).ready(function() {
   $('#myselect').change(function() {
      $(this).parents("form").submit();
   });
   $('#myform').submit(function() { 
      $.post(
         'myscript.php',
         $(this).serialize(),
         function(data){
            $("#mydiv").html(data)
         }
      );
      return false;   
   });
});

这是myscript.php:

<?php
   if ($_POST['myselect'] = "1") {
      echo "Div contents 1";
   }
   if ($_POST['myselect'] = "2") {
      echo "Div contents 2";
   }
?>

我的问题是:在我对表单进行任何选择后,'Div内容1Div内容2'会回显到mydiv。如果选择了选项1,我试图让它回显'Div内容1',如果选择了选项2,我试图回复'Div contents 2'。

感谢并为长期问题道歉。

2 个答案:

答案 0 :(得分:2)

代码:

 if ($_POST['myselect'] = "1") 

 if ($_POST['myselect'] = "2") {

总是评估为真,因为它的任务。

您需要使用:

  if ($_POST['myselect'] == "1") {

答案 1 :(得分:2)

这是一个很好的老人,

更改为

<?php
 if ($_POST['myselect'] == "1") {
  echo "Div contents 1";
 }
 if ($_POST['myselect'] == "2") {
  echo "Div contents 2";
 }
?>

请注意==