Jquery 添加类时删除选项

因此，我在商店里有一个可配置的产品，根据您选择的选项，价格会发生变化。当您在“选择选项”之外选择了一个选项时，它应该消失。例如，当您想要1400毫米的产品但改变了主意时，“选择选项”选项应消失。我没能做到这一点。也许你能帮忙。我的小提琴在下面：

我想你可以说，当类“selected”被添加到一个选项中时，它应该使第一个选项值消失

    <div class="input-box">
    <select name="super_attribute[149]" id="attribute149" class="required-entry super-attribute-select">
        <option value="">Choose option…</option>
        <option value="28" price="139" data-label="1000 mm">1000 mm</option>
        <option value="30" price="169" data-label="1200 mm" class="selected">1200 mm</option>
        <option value="32" price="199" data-label="1400 mm">1400 mm</option>
    </select>
</div>

选择选项…
1000毫米
1200毫米
1400毫米

您可以使用以下方法删除第一个选项：

jQuery('select').one('change', function(){
    jQuery(this).find('option').first().remove();
});

请注意，您只希望在第一次更改时执行此操作

另一个选项-使用css：

jQuery('select').change(function(){
    jQuery(this).addClass('selected');
});

css:

---

尝试删除此选项

$(".super-attribute-select > option").each(function(){

   if($(this).attr('class') == 'Your class which you have assigned'){
        $(this).remove();
   }

});

但我认为这不是给选项分配类的好方法，在我看来，你可以像这样检查删除值

    $(".super-attribute-select option[value='your-val']").each(function() {
       $(this).remove();
    });

---

所以你希望用户只能选择一次，然后选择框必须消失吗？

    $(".super-attribute-select option[value='your-val']").each(function() {
       $(this).remove();
    });