changing field attributes based on field selections

@fredmvMay 24.2004 — #

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd"&gt;
 &lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;untitled&lt;/title&gt;
 &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt;
 &lt;script type="text/javascript"&gt;
 onload = function() { document.forms[0]['field'].disabled = true; }
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;form action="#"&gt;
 &lt;div&gt;
 &lt;select onchange="field.disabled=this.value!='yes'"&gt;
 &lt;option value=""&gt;&amp;lt; select an option &amp;gt;&lt;/option&gt;
 &lt;option value="yes"&gt;Yes&lt;/option&gt;
 &lt;option value="no"&gt;No&lt;/option&gt;
 &lt;/select&gt;
 &lt;input type="text" name="field"&gt;
 &lt;/div&gt;
 &lt;/form&gt;
 &lt;/body&gt;
 &lt;/html&gt;

@skatehackauthorMay 24.2004 — #It almost works... ? I neglected to mention that the field in question is a select field. It works to disable the select field, but it does not clear the field on the selection of no, and if you select yes, it does not enable the field(it remains disabled). Thanks again for the help. I am starting to understand JavaScript more and more thanks to you all.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>untitled</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<script language="JavaScript1.2">

onload = function() { document.forms[0]['field'].disabled = true; }

</script>

</head>

<body>

<form action="blah" name="gojoe">

<div>

<select onchange="field.disabled=this.value!='yes'">

<option value="">< select an option ></option>

<option value="yes">Yes</option>

<option value="no">No</option>

</select>

<input type="text" name="field">

<input type="text" name="field_b">

<input type="text" name="field_c">

</div>

</form>

<form action="blah" name="cobra">

<div>

<select onchange="field.disabled=this.value!='yes'">

<option value="">< select an option ></option>

<option value="yes">Yes</option>

<option value="no">No</option>

</select>

<select name="field">

<option value="">< select an option ></option>

<option value="1">1</option>

<option value="2">2</option>

</select>

<input type="text" name="field_b">

<input type="text" name="field_c">

</div>

</form>

</body>

</html>

changing field attributes based on field selections

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

changing field attributes based on field selections

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