Question

预先感谢您的回复。我现在有一个可以下订单的网页。在此网页中，您可以从下拉列表中选择“产品A”。选择“产品A”后，将触发事件，从而生成另一个下拉列表。现在我希望“产品A”不会显示在第二个下拉列表中。这是代码。

<table style="margin: 0px auto;width: 700px" id="shopTable">
<tr>
<td>
<select name="product" class="product" style="width: 250px" onchange='onchangeprod(this);' >
<c:forEach var="pro" items="${product}">
<option value="${pro.id}" data-price="${pro.price}">${pro.name}(&#8364;${pro.price})</option>
</c:forEach>
</select>
</td>
</tr>

脚本如下。

function onchangeprod(row){
       var test ="<tr>"
                 +"<td>"
                 +"<select name='product' class='product' style='width: 250px' onchange='onchangeprod(this);'>"
                        +"<c:forEach var='pro' items='${product}'>"
                            +"<option value='${pro.id}' data-price='${pro.price}'>${pro.name}(&#8364; ${pro.price})</option>"
                        +"</c:forEach>"    
                 +"</select>"
                 +"</td>"
                 +"</tr>";
    $("#applyTable").append(test);
    }   <tbody id="applyTable"></tbody>

Answer 1

将先前的对象ID存储在名为$('img').css({'transform':'rotate('+2000+'deg)'});的变量中，然后在模板中使用if语句检查该ID，并仅对具有不同id的对象打印prevId

<option>

如何从其他下拉列表中删除在上一个下拉列表中选择的选项

1 个答案: