その値が別のオプションと等しい場合は、オプションを隠す

Question

<option>の値が最初の値（動的であり、PHPで取得されたもの）と等しい場合は、それを隠すコードを書きとろうとしています これはコードです：

<select onChange="this.form.submit()" name="cart[<?php echo $_item->getId() ?>][qty]" class="input-text qty qtySelect" > 
    <option value="<?php echo $this->getQty() ?>" name="cart[<?php echo $_item->getId() ?>][qty]" class="input-text qty qtySelected" ><?php echo $this->getQty() ?></option> 
    <option value="1" name="cart[<?php echo $_item->getId() ?>][qty]" data-qty="1" class="input-text qty notSelected" label="1" ><span>1</span></option> 
    <option value="2" name="cart[<?php echo $_item->getId() ?>][qty]" data-qty="2" class="input-text qty notSelected" label="2" >2</option> 
    <option value="3" name="cart[<?php echo $_item->getId() ?>][qty]" data-qty="3" class="input-text qty notSelected" label="3">3</option> 
</select> 

私はこのようにそれを行うにしようとしました：

$j('.qtySelect').change(function(){ 
    if(('.qtySelected').val() == ('.notSelected').val()) 
    { 
     $j('.notSelected').hide(); 
    } 
}); 

しかし、これは動作しませんでした。どのようにこれを達成することができる任意のアイデア？

Answer 1

それが重複しているすべてのオプションを非表示になります

、試してみてください。。

$(".qtySelect option").each(function(){ 
 
    $(this).siblings("[value='"+ this.value+"']").hide(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<select name="cart[0][qty]" class="input-text qty qtySelect" > 
 
    <option value="1" name="cart[1[qty]" class="input-text qty qtySelected" >1</option> 
 
    <option value="1" name="cart[1][qty]" data-qty="1" class="input-text qty notSelected" label="1" ><span>1</span></option> 
 
    <option value="2" name="cart[3[qty]" data-qty="2" class="input-text qty notSelected" label="2" >2</option> 
 
    <option value="3" name="cart[4][qty]" data-qty="3" class="input-text qty notSelected" label="3">3</option> 
 
</select>