select 选项 option 不可选 ,灰色,禁用

最新推荐文章于 2022-05-31 15:59:45 发布

viqecel

最新推荐文章于 2022-05-31 15:59:45 发布

阅读量5.6k

点赞数 1

分类专栏： css及js相关文章标签： javascript html html5 select 选项不可选 select 选项灰色

本文链接：https://blog.csdn.net/viqecel/article/details/120057470

版权

css及js相关专栏收录该内容

57 篇文章 0 订阅

订阅专栏

<select>
  <option>正常</option>
  <option disabled="disabled">不可选</option>
  <option>正常</option>
</select>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

viqecel

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JS中select框中控制下拉列表部分可选部分不可选

LM891108647的博客

01-10

5732

最近在业务需求开发中，需要对结汇资金属性的下拉选项进行控制。需求原本是要求对于不可选的属性，用户点击后默认显示请选择。修改完成后，需求又变更为还是让属性显示出来，另外在别的地方去控制流程终止。哎，对业务的需求变更是最无力吐槽了，。最疯狂的遇到过，对于一个需求一天变一次，连续改了三个版本，真是累死宝宝了。现在给大家提供最初的需求，不可选的属性置灰，用户点击后默认回到请选择的属性。先把html

div+js+css模拟select并且把无效的select选项设置为灰色不可用

06-29

div+js+css模拟select并且把无效的select选项设置为灰色不可用

参与评论您还未登录，请先登录后发表或查看评论

将select下拉框中的非默认选项均置灰

夏至的博客

03-02

6835

需求如下：分公司名称下拉框中的内容是单位所有分公司名称列表。由分公司管理人员的账号登陆系统后，下拉框中的选项，除去本分公司名称外，其余选项均置灰不可选择。

select下拉框禁止选择并置灰

热门推荐

qq_39704682的博客

11-12

1万+

例如：这里有一个关于容器日志下载的起始时间的下拉框 css样式：.btn_disable{background-color: #C0C0C0;}灰色 <div class="searchCon "> <span>起始时间</span> <div class="timeCon"> <input type="text" id="ti...

html option禁用选择 select禁用选项示例

12-14

复制代码代码如下: <select> <option value=””>1</option> <option value=””>2</option> <option value=””>3</option> <option value=””>4</option> <option value=””>5</option> </select> 我不想让用户可以选择 345 怎么办呢复制代码代码如下: <select> <option value=””>1</option> <option value=””>2</option> <optgroup label=”3″></optgroup>

【HTML】select option只读不能选择

qq_45849224的博客

05-31

2315

select option只读不能选择。例如 <select> <option>请选择</option> <option>A</option> <option>B</option> </select> 实际效果都能选择。解决方案在option 里加入 disabled即可 <select>

select option 不可选，对于置于disable 提交服务器不能获取值的解决办法

u014704496的专栏

11-30

4497

select 元素的option 子元素，如果不需要这个option 改变，只需要显示当前option 的值尝试了很多，比如选择disable属性，但是这样提交到服务器为null ，最终还是做了一个判断，把当前的这个元素显示，其他的兄弟元素就hidden了项目中实例： velocity模板。

前端css select、option禁用

qq_45094682的博客

03-10

1952

前端禁用select、option，看图说话 1.直接使用disabled在option 上禁用就可以了 <div class="rig_ipt200 "> <div class=" g-select " style="border-radius: 5px;width: 200px;border: none;"> <input type="text" value="待联系" disabled class="ipt select_img"> <select

select中不可选择的option

编程开发资料库

07-28

176

<select name= "test "> <optgroup style="font-style:normal;font-weight:bolder;color:red" label= "－－－B－－－ " > <option> 北京奔驰—戴克 </option> <option> 北京现代 &am

js select option

07-30

NULL 博文链接：https://self4j.iteye.com/blog/842276

HTML中Select不用Disabled实现ReadOnly的效果

09-06

通常，我们会使用`disabled`属性来禁用一个`<select>`元素，但这会使得整个下拉列表呈灰色不可选状态。而题目中提到的需求是“HTML中Select不用`Disabled`实现`ReadOnly`的效果”，即保持下拉列表可查看，但阻止用户...

html中select的属性[文].pdf

10-11

10. `disabled`: 如果设置为`true`，则用户无法与该元素交互，通常表现为呈灰色不可选状态。 11. `firstChild`, `lastChild`: 分别返回元素的第一个和最后一个子节点。 12. `form`: 返回`<select>`元素所在的表单...

Select设置不可选

最新发布

04-04

这将使Select元素中的已禁用选项变为灰色，并禁用任何鼠标事件，使其不可选。然后，您可以在任何选项上添加一个“disabled”属性来禁用它们： ``` <select> <option value="1">Option 1</option> <option value=...

js使select标签option为不可选

tianye_uu的专栏

11-26

3389

实现select标签的部分option为不可选有两种方法:1. 使用optgroup标签及其label属性.兼容于IE,FF.例子如下: <style type="text/css" media="all"> option.readOnly {background:#ccc;color:#666;} </style> <select onchange="if(th...

option 变为不可选

qingjoin1的专栏

05-31

1066

select name="" id="" disabled="true"> option value = "0" >2048x1536option> option value = "1">2048x1152option> option value = "2">1600x1200op

让select框中option无法选择

madinc的博客

11-19

2836

让option无法选择 <select> <option value="" disabled selected>Select your option</option> <option value="hurr">Durr</option> </select>

设置select的指定option项不可选

xiaocen99的专栏

06-19

1万+

optgroup { background-color:#eee; color:444; } aaaa bbbb cccc 效果：

让select选择框某一项option不可用

hqmln的博客

04-20

3977

有时候需要让某一个选择框select中的某一项不option可以选择，那么只需要在哪一项加上属性disabled=""即可 <select id="simpleFamily"> <option value=""> 请选择车系 </option> <option value="" disabled="&