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