Javascript 如何在选择后禁用下拉菜单项？

类别是您将看到的第一个项目，我希望在选择后将其删除或禁用，以便在查看其他下拉菜单项时不会显示

<select NAME="category" style="width:130px; background-color:#FFF; font-weight:bold; font-size:12px;" ONCHANGE="setup(document.search1.category.value)"> 
  <option value="category" selected="selected">Category</option> 
  <option value="cleaning">Cleaning</option> 
  <option value="cooling">Cooling</option>
  <option value="heating">Heating</option> 
  <option value="kitchen">Kicthen</option> 
  <option value="lighting">Lighting</option> 
  <option value="washroom">Washroom</option> 
</select>

类别
打扫
冷却
加热
克钦
照明
洗手间

这将删除选中的项目

<select NAME="category" style="width:130px; background-color:#FFF; font-weight:bold; font-size:12px;" onchange="this.remove(this.selectedIndex);"> 
  <option value="category" selected="selected">Category</option> 
  <option value="cleaning">Cleaning</option> 
  <option value="cooling">Cooling</option>
  <option value="heating">Heating</option> 
  <option value="kitchen">Kicthen</option> 
  <option value="lighting">Lighting</option> 
  <option value="washroom">Washroom</option> 
</select>​

类别
打扫
冷却
加热
克钦
照明
洗手间
​

您应该像这样使用它

disabled='disabled'

<select NAME="category" style="width:130px; background-color:#FFF; font-weight:bold; font-size:12px;" onchange="javascript:this.disabled = 'disabled';"> 
  <option value="category" selected="selected">Category</option> 
  <option value="cleaning">Cleaning</option> 
  <option value="cooling">Cooling</option>
  <option value="heating">Heating</option> 
  <option value="kitchen">Kicthen</option> 
  <option value="lighting">Lighting</option> 
  <option value="washroom">Washroom</option> 
</select>​

类别
打扫
冷却
加热
克钦
照明
洗手间
​

如果您想在用户从下拉列表中选择其他项目后删除“类别”行项目，您可以执行以下操作：

<script type="text/javascript">
    $(document).ready(function () {

    $('#selectList').change(function () {
        if (this[0].value == "category")
        {
            this.remove(this[0]);
        }
    });

});
</script>

<select id='selectList' name="category" 
style="width:130px; background-color:#FFF; font-weight:bold; font-size:12px;"> 
    <option value="category">Category</option> 
    <option value="cleaning">Cleaning</option> 
    <option value="cooling">Cooling</option>
    <option value="heating">Heating</option> 
    <option value="kitchen">Kicthen</option> 
    <option value="lighting">Lighting</option> 
    <option value="washroom">Washroom</option> 
</select>

$（文档）.ready（函数（）{
$（'#selectList'）。更改（函数（）{
如果（此[0]。值==“类别”）
{
此。删除（此[0]）；
}
});
});
类别
打扫
冷却
加热
克钦
照明
洗手间

---

这将从下拉列表中删除类别行，仅删除类别行

我会尝试一下，看看它是否有效，我如何要求它分类？这个问题有点不清楚，但我认为他要求的是，一旦选择了其他选项，就禁用或删除第一个选项。第一个条目基本上是选择框的标签。在本例中为“Category”。否，因为onchange是用于SELECT的，而不是用于OPTION@DamzWildFirePrince好的，就放在那里吧。。代码是否对您上面发布的问题有效？请参阅我的评论。刚刚在JSFIDLE中测试了它