Dragon
主机之家测评主机之家测评  2019-08-26 03:13 主机之家测评 隐藏边栏 |   抢沙发  117 
文章评分 0 次,平均分 0.0

在日常开发中经常有需求设置 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 某一项不可选,禁用 select 指定 option

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

发表评论

扫一扫二维码分享