javascript - 选择单选按钮或下拉菜单项时自动更新 PHP 变量

Question

我和我的同学正在构建一个小的提交表单，用户可以在其中提交订单的运输和账单信息。

影响订单价格的两个主要因素是用户选择的运输类型 ( $shippingType ) 和商品价格 ( $initialPrice )。然后定义变量 $totalPrice，它添加了 $shippingPrice 和 $initialPrice。

我们的目标是在 $shippingPrice 更改时更新 $totalPrice，而无需用户重新提交表单。这可以使用 php 解决吗？或者我们是否必须使用 jquery 事件来实时更新页面。

Answer 1

您需要使用上面提到的某种 jQuery。了解 PHP 仅在 AJAX 中或在页面加载之前使用很重要。这意味着您不能在已经加载的页面上使用 PHP。要在加载后更改元素，您需要使用某种类型的 javascript/jquery。我附上了一个快速 fiddle 来说明我认为您正在寻找的示例。

它的要点是您将绑定(bind)一个更改事件，以便当您要用于数学的元素发生更改时，您可以更新其他项目。

$('#shipping').bind('focus, change', function() {
    //Get the inital value of the #cost input
    var initial_val = parseInt($("#cost").val());

    //Value from the #shipping input
    var additional  = parseInt($("#shipping").val());

    //Parsed ints because '+' is used for concatination as well, so making the vars ints will make '+' go back to math.
    $("#cost").val(initial_val + additional);
});

不，它不是最漂亮的，但它确实有效。

这是 fiddle : http://jsfiddle.net/Lb486ck8/2/