如果其值等于另一个选项，则隐藏选项

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>

如果其值等于另一个选项，则隐藏选项

Hide option if its value is equal to another option

javascript

jquery

html

listbox

html-select