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