greyign out and disabling certain textboxes on selection from drop down menu

@astupidnameJun 11.2009 — #See if this helps:

[code=html]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 <title>Some Title</title>
 <script type="text/javascript">
 
 function setInputsFromSelect(select) {
 var i, j = 0, el,
 selVal = select.options[select.options.selectedIndex].value,
 inputs = select.form.getElementsByTagName('input'),
 range = (selVal == 'full') ? 20 : (selVal == 'lite') ? 11 : null;
 if (range !== null) {
 for (i = 0; i < inputs.length; i++) {
 el = inputs[i];
 if (el.type && el.type == 'text') {
 j++;
 el.disabled = !(j < range);
 }
 }
 }
 }
 
 </script>
 </head>
 <body>
 <div id="someDiv">
 <form action="" name="someForm">
 <p>
 <select name="service" onchange="setInputsFromSelect(this);">
 <option value=""></option>
 <option value="full">Full</option>
 <option value="lite">Lite</option>
 </select></p>
 <p><input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value">
 </p>
 <p><input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value"><br>
 <input type="text" value="bogus value">
 </p>
 </form>
 </div>
 </body>
 </html>[/code]

@twinaauthorJun 11.2009 — #Hi there

Thanks for that didn’t realise it would work like that so i may have to change my initial request imp sorry

I have a drop down menu, each of the selections opens a hidden layer for that selection, on the end of the form there are layers which corresponds to all selections apart from a few text boxes which do not correspond to one of the selections

I have attached a document with an example of code basically if full is selected then all fields are visible

It lite is selected then there are a number of fields that are made disabled

I have marked then in the attachment

I am really sorry to be a pain this is very much appreciated

[upl-file uuid=d388496f-acd9-4faf-819f-0a32915d8fe5 size=5kB]Text4.txt[/upl-file]

greyign out and disabling certain textboxes on selection from drop down menu

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

greyign out and disabling certain textboxes on selection from drop down menu

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴