添加 Javascript 下拉菜单

Question

现在在我的页面上，您可以选择添加到购物篮，它会将它们加到总数中。我正在尝试更改它，以便您可以在 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>

Answer 1

不确定这是否正是您要查找的内容，但您可以简单地为产品数量添加一个计数。

您可以做的另一个选择是添加一个选择下拉列表 (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++;
    }
}