Php 基于下拉列表选择更新价格

我有一个用mysql填充的下拉列表，它工作得很好，我也有它显示mysql设定的价格，到目前为止我很高兴

问题是，因为它是一个多下拉列表，它将只显示首先选择的内容，如果我选择2个或更多选项，则只显示第一个价格

我的第二个问题是我想把价格加起来，即第一选择的价格是1.99英镑，第二选择的价格是2.99英镑，所以总价格应该是4.98英镑

最后，一旦我有了所有这些工作，我想继续到第二/第三/第四个下拉框，使所有的框加起来，给我一个总的

以下是我的html代码，向您展示我正在使用的内容：

谢谢

“选择多个”也应设置“大小”属性，如下所示：

您的jQuery脚本：

$'selectSexdiv'.changefunction{ var值=0； $selectSexdiv选项：selected.eachfunction{ value+=parseFloat$this.val； }; $price_div.htmlPrice=£+价值； };

---

嗯？

下面是一个示例，说明了您要做的事情，我已经给出了每个select元素，我想计算一个类的总数，这样它们就不会与其他元素混淆

jQuery

HTML

---

当其中一个元素发生更改时，这将使用类calculate将每个选定元素的总价更新total的内容。

嗯，你卖的是什么？不卖，只是试着做一个计算器和EP，没什么顽皮的，别担心！嗨，我将你的代码复制并粘贴到一个新的html中进行测试，然后再将其合并到我的页面中，但我可以让它工作，无论选择什么选项，0保持不变？嗨，Deifwod，这很完美，因为我的数据来自mysql，下拉列表是链接的，当你从第一个列表中选择时，它调用另一个页面来显示这里的内容是代码函数getClothingSex_Table_ID{$.ajax{type:get，url:findClothing.php，数据：{Sex_var:Sex_Table_ID}，错误：functionerror{alert'System error，请重试。；}，成功：functiondata{//data是来自被调用文件$select-2.htmldata；//的响应，它将div的内容更改为返回的数据}}；}还有什么我可以使用同一个页面吗？快速提问，你如何让它分割价格而不是增加价格？谢谢回复，我已经将你的代码粘贴到我的网站上，它可以工作，但它只是将第一个数字相加，即1.99+2.99=£4.98，你的代码加起来是£3，而且，如果我只选择了一个项目，价格在我更新之前不会更新选择其他项目？

<form method="post" action="" name="form1">
  <? 
  include 'classes.php';
  $query="SELECT * FROM Sex_Table";
  $result=mysql_query($query);
  ?>
  <select data-placeholder="Your Favorite Football Team"  class="chzn-select" multiple tabindex="6" id="Sexdiv" name="Sexdiv" style="width: 300px;" onChange="getClothing(this.value),changePrice()">
  <option>Select Colour Type</option>
  <? while($row=mysql_fetch_array($result)) { ?>
  <option value=<?=$row['ID']?> sex_price="<?=$row['Price']?>"><?=$row['Sex_Name']?>&nbsp;(£<?=$row['Price']?>)</option>
  <? } ?>
  </select><br /><br />
  <p id="Clothingdiv">
  <select style="width: 300px;" name="Clothing" disabled='disabled'>
  <option>Select Sex First</option>
  </select>
  </p><br />
  <script type="text/javascript"> $(".chzn-select").chosen(); $(".chzn-select-deselect").chosen({allow_single_deselect:true}); </script>
  </form>

function changePrice() {
 var sex_price = $("option:selected").attr("sex_price");
 $("#price_div").html("Price = £" + sex_price);
}

<script>
$(document).ready(function() {
    $('.calculate').change(function() {
        var total = 0;
        $('.calculate').each(function() {
            if($(this).val() != 0) {
                total += parseFloat($(this).val());
            }
        });
        $('#total').text('£' + total.toFixed(2));
    });
});
</script>

<select class="calculate" name="select-1">
    <option value="0">Please Select</option>
    <option value="1.99">£1.99</option>
    <option value="2.99">£2.99</option>
</select>

<select class="calculate" name="select-2">
    <option value="0">Please Select</option>
    <option value="1.99">£1.99</option>
    <option value="2.99">£2.99</option>
</select>

<select class="calculate" name="select-3">
    <option value="0">Please Select</option>
    <option value="1.99">£1.99</option>
    <option value="2.99">£2.99</option>
</select>

<span id="total">£0</span>