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