Javascript 从选择标记中删除重复的空值

我有下面的选择标签

<select id="subCategorySelected">
    
   <option value="Select Sub Category">Select Sub Category</option>
                    
   <option value=""></option>
                    
   <option value="subcat1">sub cat 1</option>
                    
   <option value="subcat2">sub cat 2</option>

   <option value=""></option>
                    
   <option value="subcat4">sub cat 4</option>
                    
   <option value=""></option>
              
</select>

---

提前感谢

如果您知道唯一的副本是空值，您可以执行以下操作：

$("#subCategorySelected option[value='']").slice(1).remove();

否则，您的第一个方法可以工作，只需将选择器更改为：

$("#subCategorySelected option")

看看这个

$（文档）.ready（函数（）{
$（“#子类别选定选项”）。每个（函数（索引，val）{
var值=$（this.val（）；
$（this）.sides（'[value=“'+value+'“]'））.remove（）；
}); 
});

选择子类别
子类别1
次级类别2
次级类别4
$（“#子类别选定选项[值=”）”）。切片（1）。删除（）；这很有魅力，谢谢
$("#subCategorySelected option[value='']").slice(1).remove();

$("#subCategorySelected option")