前端技术 手机教程
程序开发 平面动画
系统软件 CMS教程
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

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

2017-11-28 16:22:30 来源:零五科技 作者:张三丰

在日常开发中经常有需求设置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无法选择):

本文关键词:select option

相关文章

零五网,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五网 版权所有 辽ICP备13002105号-1