Javascript下拉菜单添加

Chris Campbell 发表于 Dev

克里斯·坎贝尔

现在在我的页面上，您可以选择添加到购物篮，它将添加到总计中。我正在尝试更改它，因此您可以在1到3之间进行选择，它将总共添加到一起，但是不确定h = of如何更改我的页面，它将这样做吗？

当前脚本：

<script>
    var w = 0
    var x = 19.99
    var y = 24.99

    function total1()
    {
        w = w + x
        document.getElementById('Total').value= w;
    }


    function total2()
    {
        w = w + y
        document.getElementById('Total').value= w;
    }
 </script>

表格以选择选项并显示它们：

<table id="t2">
    <tr>
        <td>
            <img src="item1.png" alt="Sunset Boulevard T-Shirt Men" style="width:350x;height:250px">
        </td>

        <td>
            <img src="item2.png" alt="Sunset Boulevard T-Shirt Woman" style="width:350x;height:250px">
        </td>
    </tr>

    <tr>
        <td>
            <p id="price">£19.99</p>
        </td>
        <td>
            <p id="price">£24.99</p>
        </td>
    </tr>

    <tr>
        <td>
            <input type="button" value= "Add To Basket" onclick ="total1()">
        </td>

        <td>
            <input type="button" value= "Add To Basket" onclick ="total2()">             
        </td>
    </tr>
</table>
<br>

<h3 id="header3"></h3>

<div id="all">
    Basket: <input type="text" id="Total"  disabled="disabled">
</div>

乔·帕克

不确定这是否正是您要寻找的东西，但是您只需在产品数量上增加一个计数即可。

您可以做的另一种选择是在其中添加选择下拉列表（DDL），从中选择所需的产品数量，然后将DDL的值乘以选择更改后商品的价格。

var w = 0
var x = 19.99
var y = 24.99
var count1 = 0, count2 = 0;

function total1() {
    if(count1 < 3){
        w = w + x
        document.getElementById('Total').value= w;
        count1++;
    }
}

function total2() {
    if(count1 < 3){
        w = w + y
        document.getElementById('Total').value= w;
        count2++;
    }
}