lock fields

[mary555]

i have a form with many dependent drop down menus and text fields. I need it to work so the user has to enter the fields in order. is there a simply way to do this? Maybe to disable certain fields?

 

[cLFlaVA]

yes. disable them using CSS and then enable them using the onchange event of the previous field...

<form>
<select name="s1" onchange="this.form.s2.disabled=false;">
  ...
</select>
<select disabled name="s2" onchange="this.form.s3.disabled=false;">
  ...
</select>

*cLFlaVA
----------------------------
[tt]( <P> <B>)[sup]13[/sup] * (<P> <.</B>)[/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[mary555]

thank you. what about if i already have an onchange event for the select boxes (submitting the form/refresh). is there a way to have 2 events?

 

[mary555]

and i actually tried using that code and it didn't disable anything...

 

[cLFlaVA]

if you are submitting the form to query a database and populate the select boxes based on a value selected in the previous select box, then you should disable the select boxes by writing appropriate code on the server side, not using javascript.



*cLFlaVA
----------------------------
[tt]( <P> <B>)[sup]13[/sup] * (<P> <.</B>)[/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]