Disable Form Field with Javascript

Printable View

02-20-2011, 06:12 AM
bostonfdt

Disable Form Field with Javascript

Hi,
I'm trying to to enable a text field with javascript (it is disabled originally). The name of the text field is duo[x]. (I need to keep the brackets so php will reconize it as an array.)
In javascript, I was trying to use to use: document.form.duo[x].disabled = false; (but that didn't work).

Here is what I have right now:

Code:

<html> <head> <script type="text/javascript"> function change(code) {var a = "Duo[" + code + "]"; document.form.a.disabled = false; } </script> </head> <body> <form name="form"> <select name="select" onchange="return change(x)"> <option>Opt 1</option> <option>Opt 2</option> </select> <input type="text" name="duo[x]" disabled></input> </form> </html>

Thanks,
02-20-2011, 06:28 AM
tirna

You have only 1 input so why do you have to send it as an array? and where is x defined in

Code:

onchange="return change(x)"
02-20-2011, 06:30 AM
bostonfdt

I will have many more elements...I wanted to give you an example of what 1 element would look like and how I was trying to do it.
02-20-2011, 06:32 AM
tirna

Quote:

Originally Posted by bostonfdt

I will have many more elements...I wanted to give you an example of what 1 element would look like and how I was trying to do it.

ok, then what is the x referring to in

Code:

onchange="return change(x)"
02-20-2011, 06:37 AM
tirna

and in your 1st post you said

Quote:

I'm trying to to enable a text field with javascript (it is disabled originally).

So which of those many elements do you want to enable?

Also with your current code, no matter which option you select from the select list, the input element will be enabled. Is that what you really need?
02-20-2011, 06:38 AM
bostonfdt

x in

Code:

return change(x)

will be the same number in

Code:

<input type="text" name="x" disabled>

Another text box and drop down menu on the page would have

Code:

return change(y)

and

Code:

<input type="text" name="y" disabled>

That way I could use the same JavaScript function
02-20-2011, 06:43 AM
tirna

But you originally named the input name="duo[x]" and now you're saying the name is just "x" or "y" and so on for each input. You can't have it both ways.

You need to decide on how the inputs will be named or describe better what actual functionality you want and we can name the elements appropriately for you.
02-20-2011, 06:44 AM
bostonfdt

I just figured it out (I used a different method)...
Thanks for your help!