如何在不提交表单的情况下获取 <option> 变量

Question

我正在尝试获取一个<option> 变量，以便我可以使用它来计算产品的总价格。

例如<option> 是项目的数量。我需要将其与价格相乘才能得到总数。总数将显示在与下拉列表相同的页面上。如何将变量分配给选择选项？

<?php 
    if ($product->quantity < $product->max) $q = $product->quantity;
    if ($product->quantity > $product->max) $q = $prodcut->max;
    if ($product->quantity = $product->max) $q = $product->max;

    for($i=1; $i<=$q; $i++){ 
        echo '<option value="'.$i.'">'.$i.'</option><br/>';
    }
?> 

Answer 1

如果我理解正确，您希望能够在页面上动态显示项目的小计？

最好的方法是使用 javascript (jQuery)。一旦页面在您的浏览器上呈现，它就不再在服务器端运行。 PHP 是一种服务器端编程语言，因此一旦 HTML 交付给浏览器就无法运行。

有两种方法可以解决这个问题。您可以使用ajax（链接到 jQuery 的 ajax 函数）通过​​ javascript 将选项值发送到 php 脚本，该脚本将计算价格并将其发送回。

但是，由于它是一个非常简单的计算，不需要服务器端编程，最好只在客户端完成。例如。在 jQuery 中

jQuery(document).ready(function($){
    $('select#qty').change(function(){
        var price = parseFloat($('input#price').val()); // hidden input with price in it
        var qty = parseInt($('select#qty').val()); // option selected with qty
        var total = price * qty; // calculate total
        $('div#total').text(total); // update the div showing the total
    });
});