使用JQuery访问HTML下拉菜单值,然后调用PHP函数

使用JQuery访问HTML下拉菜单值,然后调用PHP函数,php,jquery,drop-down-menu,Php,Jquery,Drop Down Menu,在尝试严格使用Ajax解决问题失败后,我转向了JQuery。不幸的是,我对JQuery的理解有限,希望有人能告诉我我做错了什么。我在这个问题上花了好几天时间,但基本上什么也没有得到 理论上,我的任务很简单,我所要做的就是获取HTML下拉菜单的值,并使用下拉菜单的相应行调用php函数。产品的php函数print_wp_cart_button_输出一个add to cart按钮。该函数将通过与我的产品数组中的项目对应的行调用 <TR> <TD> <selec

在尝试严格使用Ajax解决问题失败后,我转向了JQuery。不幸的是,我对JQuery的理解有限,希望有人能告诉我我做错了什么。我在这个问题上花了好几天时间,但基本上什么也没有得到

理论上,我的任务很简单,我所要做的就是获取HTML下拉菜单的值,并使用下拉菜单的相应行调用php函数。产品的php函数print_wp_cart_button_输出一个add to cart按钮。该函数将通过与我的产品数组中的项目对应的行调用

<TR>
   <TD>
   <select id="productcategory1" name="productcategory1" onchange="productchange()">
    <option value="$">--Please Select--</option>
    <option value="1">Product # 1 - $1.99</option>
    <option value="2">Product # 2 - $1.99</option>
    <option value="3">Product # 3 - $9.99</option>
    <option value="4">Product # 4 - $9.99</option>
  </select>
  </TD>
  <TD>    

  <div id="test">
  </div>

  <script type = "text/javascript">
  function productchange() 
  {
      var currentrow = $('#productcategory1').val();
      //alert(currentrow);

      $.ajax({
        type: "GET",
        url: "http://www.example.com/wp-content/themes/themeX/order.php",
        data: "rownum=" + currentrow,
        success: function(currentrow){
            $("#test").html(currentrow);
            }});
      return false;
  }
  </script>

  <?php $rownum = $_GET['test']; ?>
  <?php echo print_wp_cart_button_for_product($products[$rownum]["Product"], $products[$rownum]["Price"]); ?>
  </TD>
  </TR>  

--请选择--
产品#1-1.99美元
产品#2-1.99美元
产品#3-9.99美元
产品#4-9.99美元
函数productchange()
{
var currentrow=$('#productcategory1').val();
//警报(当前行);
$.ajax({
键入:“获取”,
url:“http://www.example.com/wp-content/themes/themeX/order.php",
数据:“rownum=“+currentrow,
成功:函数(currentrow){
$(“#测试”).html(当前行);
}});
返回false;
}
Order.php:

<?php
$rownum = $_GET['rownum'];
echo "Row Number = $rownum";
?>

试试看。 也


您无法关闭最后一个php并启动另一个..这首先会产生错误


在你的密码里一切都很好就我看来。您是否包含了jquery库文件???

不幸的是,这似乎没有改变任何东西。问题是order.php文件还是我在这种情况下调用产品的print\u wp\u cart\u按钮的方式?我在代码中关闭了倒数第二个php,但在我复制该文件以发表文章时一定错过了它。我没有收到任何错误,但当我用下拉菜单更改我的选择时,什么也没有发生。但是,当我取消对alert.Yup的注释时,我知道函数正在被调用。在我的头上。举起手来。。我只是复制了你的代码,它们很好用。这里还有别的问题。
$.ajax({
        type: "GET",
        url: "http://www.example.com/wp-content/themes/themeX/order.php",
         data: {'rownum': currentrow},
        success: function(currentrow){
            $("#test").html(currentrow);
            }});
<?php $rownum = $_GET['test']; ?>