jQuery 检查选​​项 val 是否被选中，进行数学计算并发出警报

Question

我需要根据运输选项进行一些计算。对于这个例子，我只想 alert()新价格。我想为所选费用添加 6% 和 alert()它。我无法真正修改下面的 html，但它添加了 selected如果选择其中一个选项:

<select name="ShippingSpeedChoice" onchange="this.form.submit();">
<option value="0">PLEASE SELECT</option>
<option value="701">UPS Ground $9.90 </option>
<option value="703">UPS 3Day Select® $30.88 </option>
</select>

因此，如果选择选项值 701，我需要一个显示 9.90 * 1.06....10.49 总计的警报。目前，无论选择什么，它都会显示它。 (即 <option value="703" selected>UPS 3Day Select® $30.88 </option> 将会为此弹出警报，但它不应该弹出)。有什么想法吗？

$(document).ready(function() {
  if ($("option[value='701']:selected")) {
    $("option[value='701']").each(function () {                                           
        var isthePrice = $(this).text().replace("UPS Ground $", "");
        var parsedShip = parseFloat(isthePrice);
        var doMath = parsedShip * 1.06;
        alert(doMath.toFixed(2) + " "); });
  }                        
});

Answer 1

您询问的是在 DOM 准备就绪时是否选择了该值。您需要绑定(bind)一个事件处理程序，以便在选项更改时运行脚本。

$(document).ready(function() {
    $("select").bind("change", function(){
      if ($("option[value='701']:selected", this)) {
        $("option[value='701']").each(function () {                                           
            var isthePrice = $(this).text().replace("UPS Ground $", "");
            var parsedShip = parseFloat(isthePrice);
            var doMath = parsedShip * 1.06;
            alert(doMath.toFixed(2) + " "); });
      }
    });                     
});

这是您的起点，尽管您可能需要更具体地说明一般情况下使用的选项。