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

Question

类别是您选择后将要删除或禁用的第一个项目，因此在查看其他下拉菜单项目时不会显示。

<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>

Answer 1

这将删除选中的项目

<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>​

Answer 2

您应该像这样使用它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>​

Answer 3

如果要在用户从下拉菜单中选择其他项目后删除“类别”行项目，则可以执行以下操作：

<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>

这将从下拉列表中删除“类别”行，而仅删除“类别”行。