Form dinamico!

**gagginaspinnata** · 17-09-2010, 12:21

Ragazzi ho due form di questo tipo:

codice:

<form name="contabilita" action="#"method="POST">

<select name="squadra">
<option value"1">Real Ficagna</option>
<option value"2">El Grinta </option>
<option value"3">Steekhutzy </option>
<option value"4">Real Lukino </option>
<option value"5">Dinamo </option>
<option value"6">Real Giulia </option>
<option value"7">JUJIJI II </option>
<option value"8">Alfa Team </option>
</select>
<label>Iscrizione </label><input type="text" name="iscrizione" value"x" /></td>

Ho bisogno che in base alla selezione fatta dal primo form mi carichi automaticamente un certo valore nel secondo form. Ad esempio se seleziono "Real Ficagna" nel secondo form mi deve caricare come value "10" ecc.

Si può fare? Se si, come? Grazie mille

**cavicchiandrea** · 17-09-2010, 13:33

Si, si può fare crei una funzione che al suo interno ci sia un array con i valori d'assegnare nel secondo form e richiami la stessa con l'evento oncanghe.

**gagginaspinnata** · 17-09-2010, 13:36

Potresti farmi un esempio? Non ho mai smanettato con i javascript

**gagginaspinnata** · 17-09-2010, 21:27

Ho provato a capire un po' di javascript ma non sono riuscito ad ottenere quello che volevo fare..ho provato a fare cosi:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title> </title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

<script language="JavaScript" type="text/javascript"> 
<!-- 
function prendiValore(val){ 
document.write('val');
} 
//--> 
</script> 

</head> 
<form name="contabilita" action="#"method="POST" onChange="prendiValore(this.value)">

<select name="squadra">
<option value"1">1</option>
<option value"2">2 </option>
<option value"3">3 </option>
<option value"4">4</option>
<option value"5">5 </option>
<option value"6">6 </option>
<option value"7">7 </option>
<option value"8">8 </option>
</select>
<label>Iscrizione </label><input type="text" name="iscrizione" value"prendiValore();" />
</form>
</body> 
</html>

Ma ovviamente non funziona

**cavicchiandrea** · 17-09-2010, 22:59

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title> </title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

<script type="text/javascript"> 
<!-- 
function prendiValore(opt){
//nella array scrivi quello che vuoi che appaia 1 option = 0, 2 option = 20, etc...
//se invece dei numeri voi che appaia del testo array('testo1','testo2','etc..')
var valore = new Array(0,10,20,30,40,50,60,70,80)
document.contabilita.iscrizione.value=valore[opt.options.selectedIndex]
} 
//--> 
</script> 

</head> 
<form name="contabilita" action="#" method="POST">
<select name="squadra" onChange="prendiValore(this)">
<option value="0">*</option>
<option value"1">1</option>
<option value"2">2</option>
<option value"3">3</option>
<option value"4">4</option>
<option value"5">5</option>
<option value"6">6</option>
<option value"7">7</option>
<option value"8">8</option>
</select>
<label>Iscrizione </label><input type="text" name="iscrizione" value="" />
</form>
</body> 
</html>

**gagginaspinnata** · 17-09-2010, 23:21

Grazie mille, mi sei stato molto utile

Certo è che pensavo che la sintassi fosse più semplice

Discussione: Form dinamico!

Strumenti discussione

Ricerca discussione

Visualizza

Form dinamico!

Permessi di invio