script che espande form

[dado4u]

Salve a tutti.
Vorrei creare un form in cui ci sará una domanda:

// che lavoro fai?

e 5 risposte di cui il cliente ne puó selezionare una sola con il radiobutton o con un elenco a discesa, tipo così:

// o - Astronauta
// o - Ingegnere
// o - Dottore
// o - Professore
// o - Informatico

Quindi, appena il cliente seleziona un tipo di lavoro, il form si espande con piú campi per il lavoro selezionato.

Quale script usare?
Grazie ancora.
ciao!

[lucalucius]

Per questo form userei Javascript.

[dado4u]

si infatti....
peró quale?

[gokoulele]

ciao

dunque io avevo fatto una cosa del genere tempo fa, ma con i div.

Mettevo i campi relativi ad ogni lavoro (in questo caso) all'interno di un div e a seconda dell radio richiamavo il div che mi interessava.

Esempio:

il div:

<div id="operaio">
Ditta: <input type="text" neme="ditta">
</div>

il form:

<form name="modulo" method="get">
<input name="radio" type="radio" value="operaio">
<input name="radio" type="radio" value="commerciante">
<input name="radio" type="radio" value="giardiniere">
</form>

poi sull'onSubmit della form richiami la funzione checkValue();

function checkValue(){

valoreRadio=document.form.radio.value;
document.getElementById(valoreRadio).style.visibil ity="visible";
}

chiamando gli id dei div come i valori della radio corrispondente e settandoli all'inizio con style="visibility:hidden;"

ciao

[gokoulele]

correzione,

per una corretta visualizzazione "a espansione" meglio usare

document.getElementById(valoreRadio).style.display ="block";

e style="display:none" nello stile del div.


http://www.quirksmode.org/js/blockinvi.html