设置select option某一项不可选,禁用select指定option

2024-02-15 17:24:59 举报文章

在日常开发中经常有需求设置select下拉选择框中的某一项或某几项不可选,解决方案就是给对应option加上disabled属性即可,具体代码如下:

 <select class="form-control input-inline nput-medium" name="group">
  <option value="list_2" disabled>科级以上指标</option>
  <option value="item_1" >|--领导具备能力</option>
  <option value="item_2" >|--科级处级指标</option>
  <option value="item_3" >|--工作结果</option>
  <option value="list_1" disabled>员级指标</option>
  <option value="item_4" selected>|--员工具备素质</option>
  <option value="item_5" >|--履行岗位职责情况</option>
  <option value="item_6" >|--工作结果</option>
  <option value="list_0" disabled>关联指标</option>
  <option value="item_7" >|--日常状态</option>
  <option value="item_10" >|--|--工作态度</option>
  <option value="item_11" >|--|--形象、卫生</option>
  <option value="item_8" >|--团队协作</option>
  <option value="item_12" >|--|--部门工作</option>
  <option value="item_13" >|--|--服务意识</option>
  <option value="item_9" >|--关联工作完成情况</option>
  <option value="item_14" >|--|--工作业绩</option>
  <option value="item_15" >|--|--工作过程监控</option>
  </select>

上述代码运行结果如下(红框部分option无法选择):

 

如果你认为本文可读性较差,内容错误,或者文章排版错乱,请点击举报文章按钮,我们会立即处理!