小Z小Z  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

声明:1、本博客不从事任何主机及服务器租赁业务,不参与任何交易,也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动,信息均摘自网络或来自服务商主动提供;所以对本博客提及的内容不作直接、间接、法定、约定的保证,博客内容也不具备任何参考价值及引导作用,访问者需自行甄别。2、访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。4、一旦您访问本博客,即表示您已经知晓并接受了以上声明通告。
小Z
小Z 关注:0    粉丝:0
【声明】:本站宗旨是为方便站长、科研及外贸人员,请勿用于其它非法用途!站内所有内容及资源,均来自网络。本站自身不提供任何资源的储存及下载,若无意侵犯到您的权利,请及时与我们联系。

发表评论

扫一扫二维码分享