用js设置下拉框为只读的小技巧
JS 技巧 设置 只读 下拉框
2023-06-13 09:15:24 时间
在项目开发过程中我们时常会碰到要设置下拉框为只读(readonly),但是可惜的是select没有只读属性,所以需要在select外面包含一个span,通过js来改变。
下面这段html代码是在struts2的下拉标签中加入了span标签,在页面装载的时候就让下拉框变成不可读。
复制代码代码如下:
下面这段html代码是在struts2的下拉标签中加入了span标签,在页面装载的时候就让下拉框变成不可读。
<bodyonload="init()">
<spanid="id_select">
<s:selectname="sjdwmc"list="sjdxdwList"listKey="dxbh"listValue="dwmc"headerKey=""headerValue=""></s:select>
</span>
</body>
如下是js代码,在init方法中调用selectReadOnly让下拉框变成只读。
/*根据页面上span的id设置select为只读/
functionselectReadOnly(selectedId){
varobj=document.getElementById(selectedId);
obj.onmouseover=function(){
obj.setCapture();
}
obj.onmouseout=function(){
obj.releaseCapture();
}
obj.onfocus=function(){
obj.blur();
}
obj.onbeforeactivate=function(){
returnfalse;
}
}
functioninit(){
selectReadOnly("id_select");
}
做到这里大功告成,试试效果吧!!!
相关文章
- 对 Node.js 事件驱动模型的深入理解
- JS面试、技巧总结点一-变量提升/函数提升
- JS面试、技巧总结点二-匿名函数详解
- WPS JS宏代码(更新2023.03.01)
- js 数组去除重复数据-当WPS开始像支持VBA一样支持JS语言时,微软又该何去何从?
- js 怎么使用正则表达式-JavaScript正则表达式常用技巧
- 【源码】PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js
- JS动态引入js、CSS动态创建script/link/style标签详解编程语言
- JavaScript探索之旅掌握Oracle和JS的完美融合(js与oracle)
- Oracle中JS的优势让数据库性能提升(oracle中 js)
- js变量作用域及可访问性的探讨
- filemanage功能中用到的common.js
- js鼠标拖动对象可让任何div实现拖动效果
- JQuery选项卡效果(JS与HTML的分离)
- JS类型转换常见方法小结
- js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
- 五段实用的js高级技巧
- js在输入框屏蔽按键,只能键入数字的示例代码
- 使用js实现一个可编辑的select下拉列表
- 关于js和php对url编码的处理方法
- JS比较2个日期间隔的示例代码
- js和jquery设置disabled属性为true使按钮失效