让html select支持readonly属性

最新推荐文章于 2025-01-12 10:01:18 发布
转载 最新推荐文章于 2025-01-12 10:01:18 发布 · 380 阅读 · 0

本文介绍了一种简单的方法来实现HTML select元素的readonly属性功能，通过使用默认索引和选择索引来达到类似效果。

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



刚刚碰到一个要为html select添加readonly属性的要求，可是select是不支持readonly属性的，找了找，方法还是有的，不过大都比较麻烦。以下的方法个人认为是最简单的：

<select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"> 
02.<option value="1">test1</option> 
03.<option value="2">test2</option> 
04.<option value="3" selected="selected">test3</option> 
05.<option value="4">test4</option> 
06.<option value="5">test5</option> 
07.</select>



HTML中Select不用Disabled实现ReadOnly的效果
12-10
方法如下： 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”>   <option>1</option>  </select>
设置disabled属性后台读不到数据如何让select支持readonly
09-28
然而，对于`<select>`、`<input type="checkbox">`和`<input type="radio">`，`readonly`属性并不起作用，通常需要使用`disabled`属性来达到类似的效果。然而，如前所述，`disabled`会导致数据无法提交，因此需要...
html中select只读显示
Tyan520的专栏
11-04 944
      因为Select下拉框只支持disabled属性，不支持readOnly属性，而在提交时，disabled的控件，又是不提交值的。现提供以下几种解决方案：         1、在html中使用以下代码,在select外层加1个span,通过js控制。这种设置的不足之处是IE浏览器兼容，fireFox及其他不兼容..   &lt;span onmousemove="this.se...
HTML form readonly SELECT tag/input
最新发布
suiusoar
01-12 358
HTML表单只读SELECT标签/输入框
浅谈html中input只读属性readonly和disable的区别
09-28
HTML中的`readonly`和`disabled`属性都是用来限制用户对表单元素的交互，但它们在实际应用中具有不同的效果和使用场景。 首先，`readonly`属性主要用于`<input>`（如`text`、`password`）和`<textarea>`元素。它...
如何设置Select下拉框的ReadOnly属性
06-08
要设置Select下拉框的ReadOnly属性，可以将其disabled属性设置为true，同时添加一个带有样式的容器元素来模拟Select下拉框的外观。代码示例如下： ```html <div class="select-container"> <select disabled> ...
html下拉框只读,html中select readonly/disabled问题的解决方案
weixin_39711441的博客
06-04 3697
在html中，对select标签添加readonly属性后，依旧能够下拉选择，证明readonly属性对html中的select标签并不起作用。经查W3C文档，select标签只对disabled属性起作用，但是添加disabled后，form提交的时候，会忽略掉所有带disabled的标签的值，对提交造成麻烦。所以针对上述问题，总结出以下两种解决方案来达到select标签实现readonly属性...
HTML中的select只读
weixin_34258782的博客
01-11 192
因为Select下拉框只支持disabled属性，不支持readOnly属性，而在提交时，disabled的控件，又是不提交值的。现提供以下几种解决方案： 1、在html中使用以下代码,在select外层加1个span,通过js控制。这种设置的不足之处是IE浏览器兼容，fireFox及其他不兼容.. <span onmousemove="this.setCap...
HTML控件select, 是readOnly设置
猎人在吃肉
07-18 1039
大家知道, 对于HTML控件select, 是沒有readOnly属性的, 所以设置它并不起作用,但是可以用如下设置:   aa bb cc dd
html select模拟readonly
暗淡亮点的博客
11-10 431
select不支持readonly，只能用其他办法去模拟readonly了，效果就是点击select选择元素，然后自动变回默认的。 test1 test2 test3 selected="selected">test4 test5
让html select支持readonly属性(转)
qingfengxia2013的专栏
08-28 218
刚刚碰到一个要为html select添加readonly属性的要求，可是select是不支持readonly属性的，找了找，方法还是有的，不过大都比较麻烦。以下的方法个人认为是最简单的： &lt;select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=thi...
select标签设置readonly状态
热门推荐
little__stars的博客
05-13 1万+
1.在html中，select标签里面没有readOnly这一属性，只有disabled 2.把select标签里面的设置为只读，只需要在标签里面加入： onfocus="this.defaultIndex=this.selectedIndex" onchange="this.selectedIndex = this.defaultIndex;" ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值