[HTML/Javascript] evento onchange

Rossi88 · 21-04-2010, 18:16

sembra che onchange non funzioni su campi text. Mentre ad esempio su select funziona egregiamente.

Posto un semplice codice:

Codice HTML:

<html>
  <body>
	<script type="text/javascript">
		function Prova()
		{
			alert("Ciao");
		}
	</script>
    <select id="Sel1" onchange="Sel2.value = Sel1.value">
      <option value="opt1">opt1</option>
      <option value="opt2">opt2</option>
      <option value="opt3">opt3</option>
    </select>
    <select id="Sel2">
      <option value="opt1">opt1</option>
      <option value="opt2">opt2</option>
      <option value="opt3">opt3</option>
    </select>
	<select id="Sel3" onchange="alert('Ciao')">
      <option value="opt1">opt1</option>
      <option value="opt2">opt2</option>
      <option value="opt3">opt3</option>
    </select>
	<input type="text" value="" name="ProvaOnChange" onchange="javascript:Prova()">
  </body>
</html>

Se cambio il valore nella select Sel1 l'evento onchange è correttamente rilevato, lo stesso per select Sel2, ma lo stesso non vale per la text ProvaOnChange, cioè io vorrei un qualcosa di maggiormente interattivo, invece a quanto ho visto l'evento si attiva solo dopo che clicco su qualche altro elemento della pagina.

Ogni suggerimento è ben gradito

stdecden · 21-04-2010, 21:05

Ho provato su chrome e funziona e su IE7 funziona. Con che Browser lo hai testato? Probabilmente con IE6?!

lupoxxx87 · 21-04-2010, 21:11

funzionare è ovvio che funzioni...

ma essendo un campo di testo, finchè ci stai scrivendo dentro non ti attiva il javascript..

puoi trovare quello che cerchi con funzioni tipo onfocus, ma non con onchange, altrimenti il cambiamento ti viene segnalato solo quando hai finito di scrivere, e quindi passi a un altro elemento

21-04-2010, 18:16	#1
Rossi88 Senior Member Iscritto dal: Jul 2006 Messaggi: 484	[HTML/Javascript] evento onchange sembra che onchange non funzioni su campi text. Mentre ad esempio su select funziona egregiamente. Posto un semplice codice: Codice HTML: <html> <body> <script type="text/javascript"> function Prova() { alert("Ciao"); } </script> <select id="Sel1" onchange="Sel2.value = Sel1.value"> <option value="opt1">opt1</option> <option value="opt2">opt2</option> <option value="opt3">opt3</option> </select> <select id="Sel2"> <option value="opt1">opt1</option> <option value="opt2">opt2</option> <option value="opt3">opt3</option> </select> <select id="Sel3" onchange="alert('Ciao')"> <option value="opt1">opt1</option> <option value="opt2">opt2</option> <option value="opt3">opt3</option> </select> <input type="text" value="" name="ProvaOnChange" onchange="javascript:Prova()"> </body> </html> Se cambio il valore nella select Sel1 l'evento onchange è correttamente rilevato, lo stesso per select Sel2, ma lo stesso non vale per la text ProvaOnChange, cioè io vorrei un qualcosa di maggiormente interattivo, invece a quanto ho visto l'evento si attiva solo dopo che clicco su qualche altro elemento della pagina. Ogni suggerimento è ben gradito Ultima modifica di Rossi88 : 21-04-2010 alle 18:20.

21-04-2010, 21:05	#2
stdecden Member Iscritto dal: Apr 2007 Messaggi: 263	Ho provato su chrome e funziona e su IE7 funziona. Con che Browser lo hai testato? Probabilmente con IE6?!

21-04-2010, 21:11	#3
lupoxxx87 Senior Member Iscritto dal: Jul 2009 Città: Varès Messaggi: 658	funzionare è ovvio che funzioni... ma essendo un campo di testo, finchè ci stai scrivendo dentro non ti attiva il javascript.. puoi trovare quello che cerchi con funzioni tipo onfocus, ma non con onchange, altrimenti il cambiamento ti viene segnalato solo quando hai finito di scrivere, e quindi passi a un altro elemento

Strumenti
Mostra una versione stampabile Invia questa pagina per email