Select html e Javascript

**kurtdc** · 22-06-2010, 16:36

Ciao
sono un po a digiuno di javascript, ma dovrei aggiungere una funzionalità ad un sito in php e non so come fare.
in pratica ho una select con tot scelte possibili. Io vorrei che se viene selezionata una di queste voci dalla tendina mi compaia una textinput dove l'utente può specificare un valore.

come devo fare?

grazie

**google01** · 22-06-2010, 16:40

utilizzi l'evento onchange del menu

codice:

<select ... onchange="addtext(this.value);">

e crei una funzione js che, in base al parametro ricevuto, visualizza o meno un input text all'interno di un div che hai precedentemente creato.

codice:

document.getElementById("miodiv").innerHTML = "<input type='text' ... />";

**kurtdc** · 22-06-2010, 16:43

Originariamente inviato da google01
utilizzi l'evento onchange del menu

codice:

<select ... onchange="addtext(thiss.value);">

e crei una funzione js che, in base al parametro ricevuto, visualizza o meno un input text all'interno di un div che hai precedentemente creato.

ti ringrazio moltissimo per la risposta!

però, come ti dicevo, sono un po a seccon con javascript (prima o poi dovrò studiarmelo per bene

)
Quindi mi aiuteresti anche con la funzione?

per esempio: come catturo il parametro selezonato nel menu a tendina?

grazie ancora

**homezappa** · 22-06-2010, 16:51

Originariamente inviato da kurtdc
come devo fare?

Così:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
	function checkSelect(laSelect){
		if (laSelect.options[laSelect.options.selectedIndex].value == "4") {
			document.getElementById("idLabelTesto").style.display="";
		}
		else {
			document.getElementById("idLabelTesto").style.display="none";
		}
	}
</script>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form name="test">
	<select id="idSelect" name="nameSelect" onchange="checkSelect(this)">
		<option value="" selected="selected">Scegli un valore ...</option>
		<option value="1">Valore uno</option>
		<option value="2">Valore due</option>
		<option value="3">Valore tre</option>
		<option value="4">Valore quattro..diverso</option>
		<option value="5">Valore cinque</option>
		<option value="6">Valore sei</option>
		<option value="7">Valore sette</option>
	</select>
	

	<label for="idTesto" id="idLabelTesto" style="display:none">Inserisci il valore per quattro...
	<input id="idTesto" name="nameTesto" type="text"/> 
	</label>
</form>
</body>
</html>

HTH
Zappa

**kurtdc** · 22-06-2010, 17:35

grazie zappa.
se prendo il tuo script singolarmente e lo lancio funziona perfettamente, ma appena lo inserisco nella mia applicazione non funziona piu...

il label si vede sempre e se scelgo altre voci dalla tendina non succede nulla.

forse dipende dal fatto che il file in cui lo inserisco ha estensione .php?

o dal fatto che non tutte le option hanno un id?

grazie

edit: funziona, avevo sbagliato io una cosa

grazie un miliardo!!

Discussione: Select html e Javascript

Strumenti discussione

Ricerca discussione

Visualizza

Select html e Javascript

Re: Select html e Javascript

Permessi di invio