Selected e textbox

[danielebarisano]

Salve ragazzi, ho un problema..

Vorrei visualizzare al click su una option di una select alcuni campi testo..
Questa è la mia select:

<select size="1" name="scelta" id="scelta" >

<option value="racchette" >Racchette </option>

<option value="corde">Corde</option>
<option value="accessori">Accessori</option>
</select>

Ci sono 3 option...
Al click su racchette(option default) dovrebbe visualizzarmi 2 campi testo a mio piacimento.
Al click su corde dovrebbe visualizzarmi altri 2 diversi campi testo.
Al click su accessori dovrebbe visualizzarmi altri 2 campi testo .

Potresi darmi il codice per farlo?

[ResianTaxidrive]

credo che tu debba usare una combinazione di php (o del linguaggio server side che usi per gestire il tuo db) e javascript.

[Vincent.Zeno]

non ha detto che ci sono variabili da caricare,
quindi è sufficiente un onchange sulla select

sposto su JS

[danielebarisano]

Vorrei che quando seleziono racchette mi si visualizzano nome, peso, diametro.
Quando seleziono corde solo il nome.
Quando seleziono accessori nome,tipo.
Ecco il codice che ho scritto..

<select size="1" name="scelta" id="scelta" onchange="test(this.value)" >

<option value="1" >Racchette </option>
<option value="2">Corde</option>
<option value="3">Accessori</option>
</select>


<input type="text" id="nome" disabled >&nbsp &nbsp &nbsp
<input type="text" id="peso" disabled >


<input type="text" id="diametro" disabled >

<input type="text" id="tipo" disabled >



<input type="submit" name="inserire" value="Inserisci prodotto">
</form>

</fieldset>

{literal}

<script language="JavaScript" type="text/javascript">
function test(value) {
if (value == '1') {
document.getElementById('nome').disabled = false;
document.getElementById('peso').disabled = false;
document.getElementById('diametro').disabled = false;
document.getElementById('tipo').hidden = true;
} else if(value=='2') {

document.getElementById('nome').disabled = false;
document.getElementById('peso').hidden = true;
document.getElementById('diametro').hidden = true;
document.getElementById('tipo').hidden = true;

}else if(value == '3'){
document.getElementById('peso').hidden = true;
document.getElementById('diametro').hidden = true;
document.getElementById('nome').disabled = false;
document.getElementById('tipo').disabled = false;
}
}

</script>

{/literal}

Il risultato non è quello che voglio.
Chi può aiutarmi?