他のドロップダウンリストから以前のドロップダウンリストで選択したオプションを削除する方法

Question

お返事ありがとうございます。私は今あなたが注文できる場所からWebページを持っています。このWebページでは、ドロップダウンリストから「製品A」を選択できます。 「製品A」が選択されると、イベントがトリガーされ、別のドロップダウンリストが表示されます。今度は、「製品A」が2番目のドロップダウンリストに表示されないようにします。ここにコードがあります。

<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

Supose以前のオブジェクトIDは、その後、異なるID

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