让html select支持readonly属性

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

<select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"> 

<option value="1">test1</option> 

<option value="2">test2</option> 

<option value="3" selected="selected">test3</option> 

<option value="4">test4</option> 

<option value="5">test5</option> 

</select> 

 来自  优快云 http://blog.youkuaiyun.com/unicode/article/details/6258379 

5张图,搞懂三方支付机构的“备付金账户”体系 本文将详细解析第三方支付机构各类备付金账户的功能定位、所承载的支付业务处理流程以及日常管理。 阅读详情

相关推荐

手把手教你用Python+Playwright实现抖音/B站/视频号三平台自动上传(附完整配置流程)

本文详细介绍了如何使用Python和Playwright构建一个多平台视频自动化上传系统,涵盖抖音、B站和视频号三大平台。文章从环境搭建、身份验证持久化、平台特异性上传引擎设计到任务调度与错误处理,提供了完整的配置流程和实战代码,帮助开发者实现高效、稳定的批量上传功能。

weixin_29294975的博客 1150

html下拉框只读,html中select readonly/disabled问题的解决方案

在html中,对select标签添加readonly属性后,依旧能够下拉选择,证明readonly属性对html中的select标签并不起作用。经查W3C文档,select标签只对disabled属性起作用,但是添加disabled后,form提交的时候,会忽略掉所有带disabled的标签的值,对提交造成麻烦。所以针对上述问题,总结出以下两种解决方案来达到select标签实现readonly属性...

weixin_39711441的博客 3891

SMPTE ST 2110 概论(三)

SMPTE ST 2110 概论(三)ST 2110-30:未压缩的PCM音频流ST 2110-31:非PCM音频传输ST 2110-40:辅助数据传输结语 ST 2110-30:未压缩的PCM音频流 鉴于音频系统是广播系统中最复杂,也是最重要的一套系统,我们先来回顾一下广电音频系统的历史。 最老式的音频都是基于模拟信号的,具有有限的动态范围,并且用连续的电压变化来描述音频。再后来就基于数字信号(...

Cidd0422的博客 1万+

html select模拟readonly

select不支持readonly,只能用其他办法去模拟readonly了,效果就是点击select选择元素,然后自动变回默认的。 test1 test2 test3 selected="selected">test4 test5

暗淡亮点的博客 465

【Labview学习】——如何实现软件的中/英文切换

各位亲爱的小伙伴们大家好,这里是小万的labview专题,今天为大家带来的是软件的中/英文切换,在全球化的浪潮之下,各行各业发生着巨大的变化,emmm………… 以下是简单的演示图片,注意观察菜单栏和软件界面各控件的语言状态: 本次分享将分为两部分:菜单中英文切换&界面控件中英文切换 ** 菜单中英文切换 ** 1. 中/英文菜单制造 要想实现菜单的中/英文语言切换,就得做两个菜单,一个...

weixin_44827166的博客 1万+

手把手教你学 Simulink (1.3)--Simulink 的模块库及其模块介绍

Simulink 提供了丰富的模块库,涵盖了从基本的信号生成和处理到复杂的数学运算和系统建模的各种功能。通过熟悉这些模块库及其模块,你可以更高效地构建和仿真动态系统。

MHD0815的博客 5150

HTML输入框,下拉框只读

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33810006的博客 718

YOLOv12改进策略【注意力机制篇】| 2024 PPA 并行补丁感知注意模块,提高小目标关注度(二次改进A2C2f)

本文记录的是利用改进检测精度,详细说明了优化原因,注意事项等。原论文在红外小目标检测任务中,小目标在多次下采样操作中容易丢失关键信息。通过替代编码器和解码器基本组件中的传统卷积操作,更好地保留小目标的重要信息。HCF-Net: Hierarchical Context Fusion Network for Infrared Small Object Detection采用多分支特征提取策略,通过不同分支提取不同尺度和层次的特征。利用局部、全局和串行卷积分支,对输入特征张量进行处理。通过控制 patch si

Limiiiing的博客 1888

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

方法如下:select onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()"> option>1option>select> 

【昆山人在上海】 1261

Python爬虫实战:利用Scrapy+Playwright高效爬取TED演讲数据

在当今信息爆炸的时代,TED演讲作为全球知名的思想传播平台,汇聚了各领域顶尖人才的精彩分享。对于数据分析师、研究人员或内容创作者来说,获取TED演讲的完整数据集具有重要价值。本文将详细介绍如何使用Python中最先进的爬虫技术组合——Scrapy框架配合Playwright浏览器自动化工具,高效爬取TED演讲的完整数据。传统爬虫技术在处理现代动态网页时面临诸多挑战,而本文将展示如何利用最新工具解决这些问题。

2201_76125261的博客 205

电阻基础知识及应用电路仿真(Multisim)

本文围绕硬件工程师必备的电阻知识,从基础知识、实操、应用仿真三方面做系统讲解:基础上明确电阻的核心参数、分类、串并联计算及核心特性;实操中详解贴片/色环电阻的阻值读取、贴片封装换算,重点区分0Ω电阻(贴装跳线,实现功能选通/调试等)与磁珠(高频吸噪)的差异及选型;应用上介绍限流、分压、上拉/下拉、阻抗匹配、过压/过流保护五大典型电路的设计公式、选型原则和实操要点,同时给出电阻通用的选型、测量和布线设计规范,形成完整的电阻应用知识体系。

XU157303764的博客 2775

html下拉嵌套只读,html组件不可输入(只读)同时任何组件都有效

/*** 将页面设置为只读*/var setReadOnly = function(){var input = $("input");input.each(function(i){$(this).attr("onfocus", "this.blur();return false;");$(this).wrap(function(){return '';});});var select = $("s...

weixin_39980929的博客 161

lammps案例:扭转

扭转有两种方式,一是固定一端旋转另外一端,二是两端沿相反的方向旋转。案例为两侧旋转方式,扭转后的效果如图所示。

lammps_jiayou的博客 1199

让html select支持readonly属性(转)

刚刚碰到一个要为html select添加readonly属性的要求,可是select是不支持readonly属性的,找了找,方法还是有的,不过大都比较麻烦。以下的方法个人认为是最简单的: &lt;select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=thi...

qingfengxia2013的专栏 248

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

简直逆天 html select支持readonly属性

<select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"> <option value="1">test1</option> <option value="2"&g...

weixin_30319153的博客 107

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

select readonly

让html select支持readonly属性 2011-03-18 10:51 5720人阅读 评论(4) 收藏 举报 html 刚刚碰到一个要为html select添加readonly属性的要求,可是select是不支持readonly属性的,找了找,方法还是有的,不过大都比较麻烦。以下的方法个人认为是最简单的: [xhtml] view plaincopysele

legend_x的专栏 923

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

select redio 只读 技巧

小菜解决小问题: 标签的只读无外乎两种,readonly 和disabled readonly:只读 后台可以取到数据 disabled:不可用,正如他的翻译 不但只读+从后台得不到数据 那么问题来了,select 和 redio这两个标签根本没有readonly 这个属性,所以想要只读只能用disabled这个属性,取不到值 怎么办? 小技巧:添加一个隐藏域

李志华 博客 专栏 2351

jee html自动补全,jeesite实战(四十)——js动态实现select、input等标签的只读以及赋值...

系列文章目录提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档js动态实现select、input等标签的只读以及赋值系列文章目录前言一、目的二、实现过程效果图input标签html中input标签代码js动态设置input标签为只读js动态设置input标签的值select标签html中select标签代码js动态设置select标签为只读js动态设置select标签的值lists...

weixin_39713763的博客 653

关于select的只读设置

在select中我们发现它不支持readonly属性,这时我们可以使用取消焦点的方式来处理!onfocus="this.blur()"这个方法这样使得不能获取鼠标的焦点,同时我们还应该知道如果的是将一个标签设置为只读的方式,我们应该使用readonly来设置,不能使用disabled来设置,否则在js中我们不能很方便的将标签中的值传给后台。说的不对的地方还请各位指点! 转载于:https://ww...

weixin_30538029的博客 146

form表单

表单元素(文本框,密码框,下拉列表框等等),一般由input,textarea,select标签构成,需要 放到form标签内使用。multiple="multiple" 属性 ————以列表形式显示。cols="30" ———— 多少列,表示文本域的宽度。注:post:相较于get比较安全,可隐藏用户信息。下拉列表框 ——————一般option标签进行连用。rows="10"————多少行,表示文本域的高度。selected属性 ———— 默认被选中的选项。3. textarea标签。

qq_74149012的博客 130
上一篇: jquery 元素插入详解
下一篇: HTML元素disabled后,后台获取不到值
DonLing
博客等级 码龄19年 2粉丝 23原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值