Probably a simple form mistake 1

Robbo79 · Jun 16, 2008

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"

tsuji · Jun 16, 2008

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

Robbo79 · Jun 16, 2008

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>

tsuji · Jun 16, 2008

><script language='text/javascript'>
[tt]<script [red]type[/red]='text/javascript'>[/tt]

Robbo79 · Jun 16, 2008

Doh! Thanks, tsuji. That did it.

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!

Probably a simple form mistake 1

Robbo79

IS-IT--Management

tsuji

Technical User

Robbo79

IS-IT--Management

tsuji

Technical User

Robbo79

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor