|
Quando creiamo una form
per ottenere dei dati dall'utente, è consigliabile in certi casi
utilizzare dei dati "preconfezionati" tra i quali l'utente
deve semplicemente scegliere e non inserire dati di propria iniziativa.
Ciò al fine di evitare problemi di convalida al momento dell'invio dei
dati al server.
Uno dei modi che lo sviluppatore ha per inserire in una form dei dati
predefiniti è la lista di selezione che da all'utente la possibilità
di fare una scelta tra le varie opzioni contenute in essa. Usando
l'evento onChange si può rilevare quando viene
selezionata una voce dalla lista e associarvi uno specifico script.
Quando l'evento onChange viene utilizzato con i campi di testo può
rivelarci quando varia il testo contenuto all'interno di questi campi.
Esempio 5.6
|
<html>
<head> </head>
<body>
<form name="esempio">
<select name="select1" size="1"
onchange="document.esempio.text1.value='500
Euro';">
<option>stampante</option>
<option>monitor</option>
</select>
<input type="text" name="text1"
value="gratis">
</form>
</body>
</html>
|
Nell'esempio 5.6
abbiamo creato una lista di selezione a due voci: stampante e monitor.
Quando selezioniamo la voce "monitor", cambia il contenuto del
campo di testo posto a fianco della lista, che diventa "500
Euro". Questo è stato possibile grazie all'evento onchange che ha
rilevato la differente voce selezionata e di conseguenza ha attivato lo
script associato.
Lezione
successiva =>
Torna
all'indice
|
Guidainlinea.com come homepage
Aggiungi questa pagina ai preferiti