select con javascript

  • Creatore Discussione Creatore Discussione vide91
  • Data di inizio Data di inizio

vide91

Nuovo Utente
31 Mag 2012
26
0
0
salve,
ho una select con "docente" e "laboratorio" quando l'utente sceglio docente vorrei che compaia una textbox per l'inserimento docente lo stesso dicasi per laboratorio...potete dare uno sguardo al mio script?

PHP:
<html>

    <head>		
			
			<script type="text/javascript">
				function load()
				{
			
				document.getElementById('formlaboratorio').style.display='none';
				document.getElementById('formdocente').style.display='none';
				}
				
			</script>
			
					


   </head>

	<body   onload=load()> 			
		
<div>
			<form name='formlaboratorio' id='formlaboratorio' >	
					<br>
					Laboratorio<input type="text" name="id_laboratorio"/>
					<br>
				</form>
</div>
	<div>					
			<form name='formdocente' id='formdocente'>
			<br>
			Docente<input type="text" name="id_docente"/>
			<br>
		    </form>
	</div>		    
					
			
		
		
		<div align=center>
		

			<form  name="form2" action="insertrisorsa.php"  method="post" >	
			
					 	
					
					<br>Seleziona la proprietà
					<select name=xproprietà onChange="if(this.options[1].selected {document.getElementById('formdocente').style.display='block'}else{document.getElementById('formlaboratorio').style.display='block'">
					<option value="docente">Docente</option>
					<option value="laboratorio">Laboratorio</option>
					</select>
					<br>
					
					
									
				
		
             </div>    
			
	         
			</form>	
	</body>			
			
</html>
 
Ciao,
qui ci sono degli errori di sintassi
Codice:
onChange="if(this.options[1].selected {document.getElementById('formdocente').style.display='block'}else{document.getElementById('formlaboratorio').style.display='block'"
la sintassi corretta per una condizione è la seguente
Codice:
if(condizione){
azione se vera
}else{
azione se falsa
}
Per tenere il codice piu ordinato ti consiglio di richiamare una funzione che fara quello che ti serve
Codice:
onchange="mostra(this.options[select.selectedIndex].value)"

eviterei inoltre la funzione load()

ti basta usare i css

Codice:
style="display:none"
 

Discussioni simili