Javascript 如何自动将从组合框添加到文本区域的值相加？

我正在为一个网站制作一种购物车，我正在为一个网页设计课程创建一个网站，我已经完成了将产品加载到组合中并在单击按钮时将其添加到文本区域的部分，但现在我必须在添加完所有我想要的内容后，在texbox中自动支付节目费用，但我不知道怎么做，以下是我使用的代码：

要加载产品名称和价格，请执行以下操作：

<?php
mysql_connect("localhost","paradise_root","gantzminus1");
mysql_select_db("paradise_dbsalon");
$consulta="select precio,nombre from productosyservicios order by nombre asc";
$resultado=mysql_query($consulta);
?>

<?php
                      while($fila=mysql_fetch_row($resultado))
                      { 
                      echo "<option value='".$fila['0']."'>".$fila['1']."</option>";
                      } 
                      ?>

要在文本区域中添加所需内容，请执行以下操作：

<script>
$('#btnmas2').click(function(e)
{
var selected=$("#combo option:selected").val();
$('#lista').append("\n"+selected+"\n");
e.preventDefault();
});
</script>

$（'#btnmas2'）。单击（函数（e）
{
var selected=$（“#组合选项：selected”）.val（）；
$（'#lista'）。追加（“\n”+所选+”\n”）；
e、 预防默认值（）；
});

我在本例中使用了

parseFloat

和

toFixed

方法，我认为这些方法应该满足您的需要。

HTML:

---

该函数将两个值转换为浮点数，将它们组合起来，并将结果转换为字符串。

我有点困惑，因为您正在使用带有指定值的按钮，而我正在从数据库中调用产品的值。其工作方式相同，或者我必须更改某些内容？这只是一个示例。您也可以在当前函数中使用它。只需将其设置为

var price=parceFloat（$（“#组合选项：选中”）.val（）

然后你会得到你的number.idk，如果它是我粘贴它的位置或者什么，但是现在当我添加某个东西时，它会添加两次，并且在total文本框中显示NaN，我应该将它粘贴到哪里？因为我试着把它粘贴在身体和头部，但没有任何改变$（'btnmas2'）。点击（函数（e）{var selected=$（“#组合选项：selected”）.val（）；$（'lista'）。追加（“\n”+selected+“\n”）；var price=parseFloat（$（“#组合选项：selected”）.val（）；var val=parseFloat（$（“#总计”）.val（））+price；$（“#总计”）.val（））.val（val.toFixed（2））；e.preventDefault（）；}）；它这样做是因为我忘了删除以前的代码，但现在我只让你使用的代码刷新页面，甚至没有显示值。每次我单击按钮时，它都会刷新页面。不知道该告诉你什么。此代码中的任何内容都不会导致整个页面刷新。它所做的只是从一个元素中获取一个值并将其传递到另一个元素中。

<input type="text" id="total" value="0"><br>
<button onclick="add('10.59')">Add 10.59</button>
<button onclick="add('15')">Add 15</button>
<button onclick="add('14.99')">Add 14.99</button>
<button onclick="add('12')">Add 12</button>
<button onclick="add('1')">Add 1</button>

function add(price) {
    price = parseFloat(price);
    val = parseFloat($("#total").val()) + price;
    $("#total").val(val.toFixed(2));
}