Disable all text boxes, drop-down menus, and multi-line text fields on the webpage using javascript.

Disable all text boxes, drop-down menus, and multi-line text fields on the webpage using javascript.

This article describes how to use javascript to disable all text boxes, drop-down menus, and multi-line text fields on a webpage. For more information, see.

The principle is to obtain the controls on the Web page cyclically and set the disabled attribute to true.

 

The Code is as follows:

 

The Code is as follows:

<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>

 

The following are the types of these controls:

 

You can obtain this information by using document. getElementsByName ("controlName") [0]. type. toLocaleLowerCase.

 

There are several types of controls:

"Text"

"Textarea"

"Select-one"

"Select-multiple"

"Radio"

"Checkbox"