javascript 禁用所有文本框、下拉菜单、多行文本域的代码
发布时间：2015-03-27 编辑：jiaochengji.com
分享一例js代码，实现禁用网页中所有文本框、下拉菜单、多行文本域，感兴趣的朋友可以参考下。
本节内容：
javascript实现禁用网页上所有文本框,下拉菜单,多行文本域的代码。
原理分析：
循环获取网页上的控件，然后设置disabled 属性为true.
例子：
复制代码 代码示例:
<script type="text/javascript">
/**
* 禁用form表单元素，包括 所有文本框、下拉菜单、多行文本域。
* 编辑：www.jiaochengji.com
*/
var nodeList = document.getElementsByTagName("input");
for (var i = 0; i < nodeList.length; i++) {
nodeList[i].disabled = true;
}
nodeList = document.getElementsByTagName("select");
for (var i = 0; i < nodeList.length; i++) {
nodeList[i].disabled = true;
}
nodeList = document.getElementsByTagName("textarea");
for (var i = 0; i < nodeList.length; i++) {
nodeList[i].disabled = true;
}
</script>
/**
* 禁用form表单元素，包括 所有文本框、下拉菜单、多行文本域。
* 编辑：www.jiaochengji.com
*/
var nodeList = document.getElementsByTagName("input");
for (var i = 0; i < nodeList.length; i++) {
nodeList[i].disabled = true;
}
nodeList = document.getElementsByTagName("select");
for (var i = 0; i < nodeList.length; i++) {
nodeList[i].disabled = true;
}
nodeList = document.getElementsByTagName("textarea");
for (var i = 0; i < nodeList.length; i++) {
nodeList[i].disabled = true;
}
</script>
附，控件类型：
通过document.getElementsByName("controlName")[0].type.toLocaleLowerCase()获取。
根据控件的不同，分为如下几种类型：
"text"
"textarea"
"select-one"
"select-multiple"
"radio"
"checkbox"
"textarea"
"select-one"
"select-multiple"
"radio"
"checkbox"
您可能感兴趣的文章：
javascript 禁用所有文本框、下拉菜单、多行文本域的代码
js禁用鼠标右键菜单(加强版)
JQuery 常用操作代码
javascript禁止网页右键的方法
jQuery 禁用右键菜单的简单代码
javascript右键弹出图片另存为对话框的代码
jquery 表单取值常用代码
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
JS清空table所有行背景色与文本框内容的代码
Jquery下拉菜单(jquery 下拉菜单插件Sexy Drop Down Menu)
上一篇：Js 双击鼠标自动滚动屏幕
下一篇：Js 控制键盘上下左右方向键的代码分享
[关闭]