Javascript 正在尝试在价格计算器上显示所选服务

我有一个简单价格计算器的工作示例，它从数据库中提取价格（通过Laravel 4和刀片模板引擎），客户可以选择服务，价格计算器将输出价格

它的工作非常好，但我希望它显示选定的服务低于价格的权利。这里有一个例子，但并不完全是我想要的

var$selections=$（“#selections”）；
变量$selects=$（“select”）.change（函数（）{
var合计=0；
$selections.empty（）；
$selects.each（函数（）{
var$selected=$（this）.find（“选项：selected”）；
var price=parseFloat（$selected.data（“price”））| 0；
合计+=价格；
如果（$selected.val（）！=''）{
$（“
”{
text:$selected.text（）+'：'+$selected.val（）
}).appendTo（$selections）
}
})
$（“强”）.text（“$”+总计）；
})

我希望它如何工作：

---

价格：$X（通过将

id

添加到您的选择框中，这很容易，这里是通过将

id

添加到您的选择框中，这很容易，这里是您可以这样做：

$('<li />', {
            text: $(this).parent().clone().children().remove().end().text()+" "+$selected.text() + ':' + $selected.val()
        }).appendTo($selections)

$（“
”{
text:$（this）.parent（）.clone（）.children（）.remove（）.end（）.text（）+“”+$selected.text（）+’：‘+$selected.val（）
}).appendTo（$selections）

工作

您可以这样做：

$('<li />', {
            text: $(this).parent().clone().children().remove().end().text()+" "+$selected.text() + ':' + $selected.val()
        }).appendTo($selections)

$（“
”{
text:$（this）.parent（）.clone（）.children（）.remove（）.end（）.text（）+“”+$selected.text（）+’：‘+$selected.val（）
}).appendTo（$selections）

工作

试试看

var $selections = $('#selections');
var $selects = $("select").change(function () {
    var total = 0;
    $selections.empty();
    $selects.each(function () {
        var $selected = $(this).find("option:selected");
        var price = parseFloat($selected.data("price")) || 0;
        total += price;
        if($selected.val() !== ''){
            $('<li />', {
                text: $selected.text() + ':' + $selected.val()
            }).appendTo($selections)
        }
    })
    $("strong").text('$ ' + total);
})

var$selections=$（“#selections”）；
变量$selects=$（“select”）.change（函数（）{
var合计=0；
$selections.empty（）；
$selects.each（函数（）{
var$selected=$（this）.find（“选项：selected”）；
var price=parseFloat（$selected.data（“price”））| 0；
合计+=价格；
如果（$selected.val（）！=''）{
$（“
”{
text:$selected.text（）+'：'+$selected.val（）
}).appendTo（$selections）
}
})
$（“强”）.text（“$”+总计）；
})

演示：

试试看

var $selections = $('#selections');
var $selects = $("select").change(function () {
    var total = 0;
    $selections.empty();
    $selects.each(function () {
        var $selected = $(this).find("option:selected");
        var price = parseFloat($selected.data("price")) || 0;
        total += price;
        if($selected.val() !== ''){
            $('<li />', {
                text: $selected.text() + ':' + $selected.val()
            }).appendTo($selections)
        }
    })
    $("strong").text('$ ' + total);
})

var$selections=$（“#selections”）；
变量$selects=$（“select”）.change（函数（）{
var合计=0；
$selections.empty（）；
$selects.each（函数（）{
var$selected=$（this）.find（“选项：selected”）；
var price=parseFloat（$selected.data（“price”））| 0；
合计+=价格；
如果（$selected.val（）！=''）{
$（“
”{
text:$selected.text（）+'：'+$selected.val（）
}).appendTo（$selections）
}
})
$（“强”）.text（“$”+总计）；
})

---

演示：

类似于这样的东西：类似于这样的东西：我和你一起去了，非常感谢！我有时对看起来像四舍五入的数字有问题。例如，这个数字有时会出现。959.19999999999作为一个价格。有什么想法吗？我和你一起去了，非常感谢！我有时对看起来像四舍五入的数字有问题。例如这个数字有时会出现。959.19999999999作为一个价格。有什么想法吗？