使用javascript禁用下拉列表中的多个选项

我在下拉列表中有以下选项

<select>

   <option value="FRUIT">FRUIT</option>
   <option value="MANGO">MANGO</option>
   <option value="APPLE">APPLE</option>
   <option value="BANANA">BANANA</option>

  <option value="GRADES">GRADES</option>
   <option value="A">A</option>
   <option value="B">B</option>
   <option value="C">C</option>

</select>

果
芒果
苹果
香蕉
分数
A.
B
C

我想永久禁用（只读）水果和等级。如何使用javascript实现此结果？

您应该使用“disabled”属性。 例如：

<option value="FRUIT" disabled>FRUIT</option>
<option value="GRADES" disabled>GRADES</option>

水果
分数

如果您在页面中使用jQuery，请遵循以下代码：

<script> 
   function myFunction() { 
     document.getElementById("mySelect").disabled = true; 
   } 
</script> 

函数myFunction（）{
document.getElementById（“mySelect”）.disabled=true；
} 

您的html代码应该如下所示：

<option id="mySelect" value="FRUIT" disabled>FRUIT</option> 
<option id="mySelect" value="GRADES" disabled>GRADES</option>

水果
分数

水果
芒果
苹果
香蕉
分数
A.
B
C

---

希望这个能帮上忙。试试这个吧

您需要使用

optgroup

内部选择。

用于在下拉列表中对相关选项进行分组。切克

你的例子应该是

optgroup[只读]{
背景色：#eeeeee；
颜色：#555555；
}

芒果
苹果
香蕉
A.
B
C

使用属性它正在工作，但根据我的要求，javascript函数需要执行相同的函数myFunction（）{document.getElementById（“mySelect”）.disabled=true；}使用以下代码：函数myFunction（）{document.getElementById（“mySelect”）.disabled=true；}您的html代码应该是这样的：它取决于单击事件后的操作。在.NET中，我有一个默认值'abc123'，当它说“选择选项”时，我不知道如何处理它。什么是用户点击后操作？如果你想永久禁用它，那么使用javascript是浪费。使用HTML

optgroup

，您就不必担心javascript了。我在下面提供了解决方案

<select name="selectField"> <option value="FRUIT" disabled>FRUIT</option>
             <option value="MANGO">
              MANGO
             </option>
             <option value="APPLE">
             APPLE
</option>
             <option value="BANANA">BANANA</option>

             <option value="GRADES" disabled>GRADES</option>
             <option value="A">A</option>
             <option value="B">B</option>
             <option value="C">C</option>
</select>