【问题标题】:How can I automatically sum values that I add from a combo box to a text area?如何自动对从组合框添加到文本区域的值求和?
【发布时间】:2014-04-30 05:58:24
【问题描述】:

我正在为我正在为网页设计课程创建的网站制作一种购物车,我已经完成了将产品加载到组合中并在单击按钮时将它们添加到文本区域的部分但是现在我必须在我添加所有我想要的但我不知道该怎么做之后自动支付金额来支付在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>

【问题讨论】:

    标签: javascript php jquery textbox sum


    【解决方案1】:

    我在此示例中使用了 parseFloattoFixed 方法,我认为它们应该可以满足您的需求。 http://jsfiddle.net/gr2cj/

    HTML:

    <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>
    

    JS:

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

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

    【讨论】:

    • 我有点困惑,因为你正在使用分配了值的按钮,而我正在从数据库中调用我的产品的值。它的工作方式相同,还是我必须改变一些东西?
    • 这只是一个例子。您也可以在当前函数中使用它。就像var price = parceFloat($("#combo option:selected").val()); 一样,你就会得到你的号码。
    • idk 如果它是我粘贴它的位置或什么,但现在当我添加一些内容时,它添加了两次并且在总文本框中显示 NaN,我应该将它粘贴到哪里?因为我尝试将它粘贴在正文和头部但没有任何改变
    • 这样做是因为我忘记删除以前的代码,但现在我只让你使用的那个,它甚至没有显示每次单击按钮时刷新页面的值
    • 不知道该告诉你什么。此代码中的任何内容都不会导致整个页面刷新。它所做的只是从一个元素中获取一个值并将其传递给另一个元素。
    猜你喜欢
    • 2022-08-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多