I have a form with several fields (dropdown forms). I would like to field in the second level are available only when you select a field from the items above. See the picture below..

I already did it like that:

First: The field that holds the action that will trigger the others to be visible or not:

<div>{escolha:caption}:</div>
<div>{escolha:body}</div>
<div>{escolha:validation}</div>

Second: The fields that keep invisible just showing when some option is selected in the first field:
-- Note that you need to put a different ID for the divs you create.

<div id="qual" style="display:none;">{qual2:caption}:</div>
<div id="qual2" align="display:none;">{qual2:body}</div>

Third: The script that will make the second field to be visible or not by the choose of the first element:
Is this example when the user put in first element the option "Outro" the script will be triggered.

<script type="text/javascript">
function ChangeDropdowns(value){
if(value=="Outro"){
document.getElementById('qual').style.display="";
document.getElementById('qual2').style.display="";
} else {
document.getElementById('qual').style.display="none";
document.getElementById('qual2').style.display="none";
}
}

Hi Thithi2,
Thanks for the hint. However, it is too difficult for me. Can I ask you a simpler explanation of this method. I'm not an advanced programmer.

Thank you