Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Probably a simple form mistake 1

Status
Not open for further replies.
Robbo79

Robbo79

IS-IT--Management
Nov 27, 2006
21
GB
Hi,

I am trying to use JavaScript to set the 'disabled' property of a form field. The field should be disabled if a certain value is selected from another field. Here is what I have:

Code: 
<html>
<head>
<title>Test Form</title>
<script language='text/javascript'>
      function enableFields() {
      if(document.submit.status0.value=2) {
      document.submit.field0.disabled=false;
      document.submit.field1.disabled=false;
      } else {
      document.submit.field0.disabled=true;
      document.submit.field1.disabled=true;
      }
      }
</script>
</head>
<body>
<form name='submit' method='post' action='something.htm'>
<select name='status0' onchange='enableFields()'>
<option value = '1'>Disabled</option>
<option value = '2'>Enabled</option>
</select>
<select name = 'field0' disabled='true'>
<option value = '1'>First option</option>
<option value = '2'>Second option</option>
</select>
<select name = 'field1' disabled='true'>
<option value = '1'>First option</option>
<option value = '2'>Second option</option>
</select>
</form>
</body>  
</html>

It looks simple enough, but Firebug throws: "enableFields is not defined"

 
Sort by date Sort by votes
[1]
>form name='submit'
Never name a form with the name "submit", you would collide with the name of method submit(). Change the name to something else and adjust the other script lines accordingly.

[2] compare (==) is not the same as assign (=)
>if(document.submit.status0.value=2) {
[tt]if(document.submit.status0.value[red]==[/red]2) {[/tt]
(with .submit to be renamed)
 
Upvote 0 Downvote
Thanks, tsuji. I have made the changes you suggested but I'm still receiving the same error:

Code: 
<html>
<head>
<title>Test Form</title>
<script language='text/javascript'>
      function enableFields() {
      if(document.form1.status0.value==2) {
      document.form1.field0.disabled=false;
      document.form1.field1.disabled=false;
      } else {
      document.form1.field0.disabled=true;
      document.form1.field1.disabled=true;
      }
      }
</script>
</head>
<body>
<form name='form1' method='post' action='something.htm'>
<select name='status0' onchange='enableFields()'>
<option value = '1'>Disabled</option>
<option value = '2'>Enabled</option>
</select>
<select name = 'field0' disabled='true'>
<option value = '1'>First option</option>
<option value = '2'>Second option</option>
</select>
<select name = 'field1' disabled='true'>
<option value = '1'>First option</option>
<option value = '2'>Second option</option>
</select>
</form>
</body>  
</html>
 
Upvote 0 Downvote
><script language='text/javascript'>
[tt]<script [red]type[/red]='text/javascript'>[/tt]
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Mike Lewis
  • Locked
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
699
Mike Lewis
Mike Lewis
malpa
  • Locked
  • Question
Graph the selection of a html table row
Replies
0
Views
314
malpa
malpa
JPSeo
  • Locked
  • Question
simple SyntaxError: missing ) after argument list error
Replies
2
Views
121
JPSeo
JPSeo
penguinspeaks
  • Locked
  • Question
How do I pass a classic asp variable to JS
Replies
1
Views
470
xwb
xwb
JScannell
  • Locked
  • Question
Programmatically inserting a newline in a &lt;textarea&gt;, &lt;span&gt;, or &lt;div&gt;
Replies
5
Views
639
ggriffit
ggriffit

Part and Inventory Search

Sponsor

Back
Top