利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

 这篇文章主要介绍了利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域。需要的朋友可以过来参考下,希望对大家有所帮助

原理就是循环获取网页上的控件,然后设置disabled 属性为true.
 
代码如下:
 
代码如下:
<script type="text/javascript">
    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"
 
 

时间: 2024-08-28 15:21:10

利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域的相关文章

JS实现下拉菜单赋值到文本框的方法_javascript技巧

本文实例讲述了JS实现下拉菜单赋值到文本框的方法.分享给大家供大家参考.具体如下: 这里演示下拉菜单和文本框构建的介绍栏,将Select框中的值定位到INPUT文本输入框中,是下拉框赋值到文本框的实例,上网时候貌似经常见的功能,只是不知如何形容,或许叫做联动吧. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-select-to-input-val-codes/ 具体代码如下: <html> <head> <SCRIP

基于JavaScript实现单选框下拉菜单添加文件效果_javascript技巧

本节讲述单选框/下拉菜单/添加文件,综合css,html和JavaScript实现的,具体详情如下所示: 单选框: 实现的功能是:(类似平时的性格测试) 先隐藏一部分页面,然后通过点击单选框来显示. 再通过选项的选择-(每个选项有不同的积分)积分的多少来给出评语 演示代码: <html> <head> <title>DHTML技术演示---radio的使用</title> <meta http-equiv="content-Type"

JS获取文本框,下拉框,单选框的值的简单实例

 本篇文章主要是对JS获取文本框,下拉框,单选框值的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1.文本框   1.1 <input type="text" name="test" id="test">   通过var t=document.getElementById("test").value把值赋给变量t,   1.2 当然也可以反过来把已知的变量值赋给文本框,例如:   var m =

form-dynamics ax 窗体文本框下拉筛选

问题描述 dynamics ax 窗体文本框下拉筛选 以一个表的某字段,筛选出另一个表的一批字段.如:部门和部门员工,实现下拉式,该怎么做 解决方案 http://wenku.baidu.com/link?url=JdsVF1Ju19kWavhwcQhOS4XzJV6NFBkmu3rmLiarQoc19ZULVH7eEJzz0KxE3fbC0r9aRXGojXQtXkSeH3bBkiOVyoyv-CQ_xAmVPXxTcbq

请问怎样实现“Combobox下拉菜单变化后文本框的数组会跟着变化”

问题描述 请问各位高手怎样实现"Combobox下拉菜单变化后文本框的数组会跟着变化"?举例:Combobox控件菜单内容分别为"kg/s","kg/min","kg/h",当单位变化时,文本框里的数值会随着单位的改变而改变. 解决方案 解决方案二:在选项变化的事件里写代码改变文本框的值解决方案三:引用1楼xdashewan的回复: 在选项变化的事件里写代码改变文本框的值 请告诉我代码怎么写谢谢解决方案四:uphttp://c

网页特效/js超漂亮下拉菜单效果

提示:您可以先修改部分代码再运行 网页特效/js超漂亮下拉菜单效果 软件下载 播放软件下载 学习软件下载 游戏软件下载 提示:您可以先修改部分代码再运行

网页设计中时尚​​的下拉菜单案例

一个网页设计中最重要的事情不只是关心的内容展示-主要经营范围,有一个有效的用户界面,使人们将能够轻松地浏览它.        网站上有大量的内容,分成类的信息是最好的事情,因此你可能要一个下拉菜单.这种方式可以分割您的信息,清楚地进入子类别.   在网页设计中的下拉菜单                                        原文:http://designmodo.com/28-stylish-examples-of-drop-down-navigation-menus-

Javascript实现文本框下拉提示(智能提示)效果

经常用浏览器搜索东西的时候,肯定会发现,只要随便输入一个字,百度就会有智能下拉提示,觉得体验挺好的! 然而自己却不知道怎么实现,不用担心,下面介绍一个简易轻量级的方法,已经整理好文件,可以直接下载使用: 实现效果如下: 引用文件:jquery.js autoComplete.js css <style type="text/css">  ul,li{margin: 0;padding: 0;list-style-type: none;}  a:hover{text-deco

JS获取文本框,下拉框,单选框的值的简单实例_javascript技巧

1.文本框 1.1 <input type="text" name="test" id="test"> 通过var t=document.getElementById("test").value把值赋给变量t, 1.2 当然也可以反过来把已知的变量值赋给文本框,例如: var m = "5";document.getElementById("test").value= m;