Disabling a text field by clicking an option (works with Firefox but not with IE6)

Mark Noten · Dec 28, 2005

This following HTML page works fine in Firefox 1.5 but not in IE6. Help
is appreciated.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<title>Just a test</title>
</head>
<body>

<script language="JavaScript">

</script>

<form action="test.html" method="post" name="testForm"
enctype="text/plain">
<select name="sel">
<option name="enable" onclick="enableTextField()">Enable text field
<option name="disable" onclick="disableTextField()">Disable text field
</select>

<input type="text" name="textField" value="" size="40"/>

</form>

Best regards,

Mark

RobG · Dec 28, 2005

Mark said:
This following HTML page works fine in Firefox 1.5 but not in IE6. Help
is appreciated.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<title>Just a test</title>
</head>
<body>

<script language="JavaScript">

The language attribute is deprecated, type is required:

<!--

HTML comment delimiters inside script elements serve no useful purpose
and are potentially harmful.

function enableTextField() {
document.testForm.textField.disabled = false;
}

function disableTextField() {
document.testForm.textField.disabled = true;
}

//-->
</script>

<form action="test.html" method="post" name="testForm"
enctype="text/plain">
<select name="sel">
<option name="enable" onclick="enableTextField()">Enable text field
<option name="disable" onclick="disableTextField()">Disable text field

Putting event handlers on option elements creates a number of
usability issues (you've just discovered one, there are others). In
general, if you have a choice of two options, use a checkbox. Then
you can do something like:

<input type="checkbox"
onclick="toggleTextField(this, this.form.textField);"

Disable text field?

And the function can be:

function toggleTextField( c, x )
{
if ( 'boolean' == typeof x.disabled ){
x.disabled = c.checked;
}
}

[...]

Set value after clicking in field	11	May 9, 2023
Need Help, Both submit button works same, i need both submit button works differently, the one button override other button	3	Nov 9, 2022
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Check forms With JavaScript	1	Mar 28, 2023
Help with Visual Lightbox: Scripts	2	May 3, 2023
Only one table shows up with the information	2	Mar 29, 2023
Script stops working when using variables to save time typing...	4	Oct 31, 2022
Script works in Firefox and Chrome, but not in IE7	1	Apr 29, 2009

Disabling a text field by clicking an option (works with Firefox but not with IE6)

Mark Noten

RobG

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads