隱藏選項，如果它的值等於另一個選項

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>