如何使用javascript向页面添加下拉列表？_Javascript_Html

如何使用javascript向页面添加下拉列表？

javascript html

如何使用javascript向页面添加下拉列表？,javascript,html,Javascript,Html,我有一张订购衬衫的订单。我想有一个下拉列表，让用户选择他们想要购买多少，这取决于他们选择什么我想添加或删除每个衬衫尺寸的下拉列表页面上最初有一个尺寸下拉列表和数量下拉列表。如果他们从“数量”下拉列表中选择3，我希望再显示两个尺码下拉列表，其中填充了可用的尺码，从小到XXL，以便用户选择他们想要的额外衬衫的尺码我该怎么做这是他们选择数量时我需要添加的尺寸下拉列表。以及数量为1到10的下拉列表 <tr> <td colspan="2" align="center"&g

我有一张订购衬衫的订单。我想有一个下拉列表，让用户选择他们想要购买多少，这取决于他们选择什么我想添加或删除每个衬衫尺寸的下拉列表

页面上最初有一个尺寸下拉列表和数量下拉列表。如果他们从“数量”下拉列表中选择3，我希望再显示两个尺码下拉列表，其中填充了可用的尺码，从小到XXL，以便用户选择他们想要的额外衬衫的尺码

我该怎么做

这是他们选择数量时我需要添加的尺寸下拉列表。以及数量为1到10的下拉列表

<tr>
    <td colspan="2" align="center">
        <p><img src="shirt.png" width="200" height="201" /></p>
        <p>Size:
            <label>
                <select name="shirtsize" id="shirtsize" id="size">
                    <option>please choose</option>
                    <option>Small</option>
                    <option>Medium</option>
                    <option>Large</option>
                    <option>XL</option>
                    <option>XXL </option>
                </select>
            </label>
            <br />
            Price: $15.00
        </p>
    </td>
</tr>

如果要使用JQuery：

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
$(document).ready(function () {
    for (var i=1;i<10;i++){
        $('#num').append('<option value="' + i + '">'+ i +'</option>');
    }
    var str = "<select><option>S</option><option>M</option><option>L</option></select>";
    $('#num').change(function (){
        var num = $('#num option:selected').val();
        $('#sizes').empty();
        for (var i =1; i<=num ; i++){
            $('#sizes').append($(str));
        }
    });
});
</script>
<body>
<div>select amount:<select id="num"></select></div>
<div>select size:<div id="sizes"></div></div>
</body>
</html>

你的html是什么样子的？实际的html，而不是对html的描述。这将变得非常棘手。假设他们想要10件衬衫。然后，每个尺寸有10个选择框。你必须抓住提交的另一边的每一个。强迫他们一次向购物车中添加一种尺寸的x数量难道不合理吗？事实上，这不是一个坏主意。只需为每种尺寸的数量设置文本框。我把事情搞得太复杂了。