［转］select 的readonly效果

最新推荐文章于 2021-01-27 23:11:04 发布
最新推荐文章于 2021-01-27 23:11:04 发布
阅读量451 收藏
点赞数
分类专栏： HTML 文章标签： html
本文介绍了一种在HTML中不使用Disabled属性实现Select控件只读状态的方法。通过JavaScript事件处理程序禁止用户交互，同时保持Select外观不变，适用于需要保留选项查看功能但禁用更改的情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

HTML中Select不用Disabled实现ReadOnly的另类实现. 

<select onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()">
<option>1</option>
</select>  
如何将select控件设置为只读
谈谈IT
02-15 6599
select控件是否有readonly属性 select控件自身没有readonly属性，只有disable属性。 能否使用disable属性设置select控件为只读 select设置为disable属性后，确实不可改，起到只读的作用，但设置为disable后，name属性也失效了，传递到后台时，对应的属性值变为null了。 有一种解决办法是在提交到后台之前将disable属性去掉，但在页面上...
HTML中Select不用Disabled实现ReadOnly的效果
12-10
方法如下： 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”>   <option>1</option>  </select>
select 的readonly效果
weixin_33893473的博客
04-18 193
HTML中Select不用Disabled实现ReadOnly的另类实现. &lt;select onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()"&gt; &lt;option&gt;1&lt;/op
select 怎么实现 readonly的效果。。。
weixin_30709929的博客
01-24 216
html中input标签有readonly的属性，使用时内容只可读取，不可修改。 最近使用select，也想实现类似功能，网上找的的方法是加一条语句： onbeforeactivate = "return false" onfocus = "this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture...
select实现readonly
okela1985851010的专栏
08-19 132
找了几个没几个能用.这个不错,简洁,可用. [code="html"] 1111 2222 3333 4444 [/code] 发现这个在onchange时也会触发其他的事件，没办法，直接把其他的option用js删掉吧。...
设置disabled属性后台读不到数据如何让select支持readonly
09-28
然而，对于`<select>`、`<input type="checkbox">`和`<input type="radio">`，`readonly`属性并不起作用，通常需要使用`disabled`属性来达到类似的效果。然而，如前所述，`disabled`会导致数据无法提交，因此需要...
el-select 如何实现 readonly 效果
05-19
要实现 `el-select` 的 readonly 效果，可以通过以下两种方式之一： 1. 使用 `el-select` 的 `disabled` 属性，将其设置为 `true`，然后在 CSS 中添加样式覆盖默认的禁用样式。 ```html <el-select disabled class...
layui select 禁止点击的实现方法
10-16
本文将详细介绍如何在Layui中实现select组件的禁用功能，从而达到禁止点击的效果。 首先，我们需要理解Layui的模块机制。Layui采用的是基于CMD规范的模块加载机制，因此在使用Layui的模块之前，必须先加载该模块。...
select readonly
legend_x的专栏
07-04 879
让html select支持readonly属性 2011-03-18 10:51 5720人阅读 评论(4) 收藏 举报 html 刚刚碰到一个要为html select添加readonly属性的要求，可是select是不支持readonly属性的，找了找，方法还是有的，不过大都比较麻烦。以下的方法个人认为是最简单的： [xhtml] view plaincopysele
select 标签 readonly
df2441193861的博客
08-23 174
因为select标签没有readonly选项， 这里用onchange事件达到永远选择第二项的效果， [code="java"] aaa bbb ccc [/code]
select readonly 不能看到其他选项解决方案
zml6308的专栏
06-03 3723
在html中是select readonly后，依然可以下拉选择，不想做disabled增加隐藏域，下面提供两种解决方案 解决方案1： onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;" 但是这样依然可以看到其他选项，怎么让其他选项也无法看到呢
HTML控件select, 是readOnly设置
猎人在吃肉
07-18 1039
大家知道, 对于HTML控件select, 是沒有readOnly属性的, 所以设置它并不起作用,但是可以用如下设置:   aa bb cc dd
设置select 框和checkbox框只读
芃蓉蓁蓁的博客
11-18 3374
readonly属性：关联的是页面元素的value属性（例如textbox，设置了readonly就不能修改输入框的文本内容），对select和checkbox不起作用。 disabled属性：这个属性的作用是设置页面元素为不可用，即不可进行任何交互操作（包括不可修改value属性、不可修改checked状态等）。但是问题也来了，就是它也不能向后台传递数据了。如需使用可以在表单提交之前，移除这个属性 $(“#s1”).removeAttr(“disabled”); （1）设置select只读：添加onf.
如何设制 select 不可编辑 只读
weixin_34379433的博客
06-23 774
1.<select style="width:195px" name="role" id="role" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">这种方法可以使下拉框和平常没有区别，看起来没有任何不同。唯一不同的就是下拉并单并选...
select readonly 不能看到其它选项解决方式
weixin_33736832的博客
06-03 437
在html中是select readonly后。依旧能够下拉选择。不想做disabled添加隐藏域，以下提供两种解决方式 解决方式1： onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;" 可是这样依旧能够看到其它选项。怎么让其它选项也无...
mysql+select+readonly_想让SELECT增加一个ReadOnly属性还真不简单
weixin_28862545的博客
01-27 340
DHTML中，Select没有readonly属性，只有一个disabled，但若使用此属性的话，FORM提交后，服务器端得不到POST内容，给程序逻辑增加复杂度，因此有个考虑增加一个Hidden Input，在Select OnChange时用脚本同时更改这个Hidden Input为新的SelectedIndex值，然后服务器端不拿Select的提交值，只拿Hidden Input的值，这样就...
控制select为readonly状态
分布式技术的专栏
06-30 5700
简单说两种方式，实质是一样的，一种简介明了，一种稍显复杂实质都是用：onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();"这句代码来控制用户无法选择和更改该控件的值 一、先说简单的（平时都用简单的，但是有大量select控件需要做readonly处理时
element-ui 设置input的只读或禁用
weixin_30835933的博客
09-03 5114
只读：readonly 在data里定义：readonly: true, 然后在input框里加上readonly就可以了。 禁用：disabled 在data里定义：edit: true, 然后在input框里加上：:disabled="edit"就可以了 转载于:https://www.cnblogs.com/knuzy/p/9579961.html...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值