控制select为readonly状态
来源:互联网 发布:女装正装品牌 知乎 编辑:程序博客网 时间:2024/09/21 08:18
简单说两种方式,实质是一样的,一种简介明了,一种稍显复杂
实质都是用:
onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();"
这句代码来控制用户无法选择和更改该控件的值
一、先说简单的(平时都用简单的,但是有大量select控件需要做readonly处理时用复杂的更简单)
<select onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();">
<option selected >aaa</option>
<option>bbb</option>
</select>
二、贴一个复杂的,就是把变化放入js,来实现而已,多时候有用,另外只在脚本控制时候用
该方法转自CSDN博客,http://blog.csdn.net/lengyueqinghui/archive/2009/08/18/4457660.aspxfunction
// set all input/select/textarea readonly
function allReadonly(){
// input readonly
var inputEle = document.getElementsByTagName("input");
for(var i=0; i<inputEle.length; i++){
inputEle[i].setAttribute("readonly","true",0);
inputEle[i].onclick = function setClickFalse(){return false;}
inputEle[i].onfocus = function setFocusFalse(){return false;}
inputEle[i].onblur = function setBlurFalse(){return false;}
}
// select readonly
var selectEle = document.getElementsByTagName("select");
for(var i=0; i<selectEle.length; i++){
setReadOnly(selectEle[i]);
}
// textarea readonly
var textareaEle = document.getElementsByTagName("textarea");
for(var i=0; i<textareaEle.length; i++){
textareaEle[i].setAttribute("readonly","true",0);
}
}
// select readonly
function setReadOnly(obj){
obj.onmouseover = function(){
obj.setCapture();
}
obj.onmouseout = function(){
obj.releaseCapture();
}
obj.onfocus = function(){
obj.blur();
}
obj.onbeforeactivate = function(){
return false;
}
}
// select readonly rollback
function rollBack(obj){
obj.onmouseover = function(){
}
obj.onmouseout = function(){
}
obj.onfocus = function(){
}
obj.onbeforeactivate = function(){
}
}
- 控制select为readonly状态
- 控制select为readonly状态
- JS应用——设置select标签为readOnly状态
- JQuery__jquery控制select的text/value值为选中状态
- select readonly
- 设置select下拉菜单为readonly只读代码实例
- <s:select>控制为只读
- Extjs置表单所有输入域为readonly状态
- jquery控制select的值,选中状态
- select 的readonly效果
- select 实现readonly效果
- html select模拟readonly
- 动态设置 layui select 为选中状态
- JSTL控制select为默认选择
- set readonly to select box
- 实现select下拉框readonly
- 如何控制输入为英文状态 ?
- busybox文件系统为readonly
- patch 打补丁程序和diff
- mysql终于配置好了
- javascript处理事件的兼容写法
- Javascript 面向对象编程(一):封装
- SharePoint 2010新特性
- 控制select为readonly状态
- 点点滴滴-----宏定义
- 今天天气不氏
- Spring 技术内幕 作者计文柯
- C 语言的谜题
- URL
- 最近的心情
- wpf无边框窗体移动和大小调整
- 在winform中调用js文件并输出结果