在尝试严格使用 Ajax 解决我的问题但未成功后,我转向了 JQuery。不幸的是,我对 JQuery 的了解有限,希望有人能告诉我我做错了什么。我在这个问题上花了几天时间,但基本上一无所获!
理论上我的任务很简单,我要做的就是获取 HTML 下拉菜单的值并使用下拉菜单的相应行调用 php 函数。php 函数 print_wp_cart_button_for_product 输出添加到购物车按钮。该函数将通过与我的产品数组中的项目相对应的行来调用。
<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>
订单.php:
<?php
$rownum = $_GET['rownum'];
echo "Row Number = $rownum";
?>