Problemi con il select

**alex86** · 26-05-2003, 15:35

Ho una select con i pianeti e un'altra con i due valori : selezionato e non selezionato.

La prima select e per default a "nessun pianeta" e la seconda a "pianeta da selezionare". Quando seleziono un pianeta, la seconda select deve passare da "nessun pianeta" a "pianeta selezionato".

ho provato così ma non và!!

codice:

<HTML>
	<HEAD>
		<SCRIPT Language="JavaScript"> 
			function Visualizza( ) 	
			{alert("pianeta: " + F1.pianeti.value)
				if (indice = F1.pianeti.selectedindex  !=  0)        // è stato selezionato un pianeta 
				    F1.stato.options[0].selected=true		
				alert("pianeta: " + indice) 		
				alert("pianeta: "+ F1.pianeti.options[indice].text + "\n Indice: " + indice) 
			}
		</SCRIPT>
	</HEAD>
	<BODY>
		<FORM NAME="F1">
			<SELECT NAME="pianeti" onChange="Visualizza( )">
				<OPTION SELECTED> nessun pianeta
				<OPTION> Marte
				<OPTION> Venere
				<OPTION> Giove
			</SELECT>
			<SELECT NAME="stato">
				<OPTION> Pianeta selezionato
				<OPTION SELECTED> Pianeta da selezionare
			</SELECT>
		</FORM>
	</BODY>
</HTML>

:metallica

**Mich_** · 26-05-2003, 15:57

F1 non e` definito dentro la funzione. Devi passare l'oggetto form:

function Visualizza(F1) {
if (F1.pianeti.selectedIndex != 0) // è stato selezionato un pianeta
...

<SELECT NAME="pianeti" onChange="Visualizza(this.form)">

Attenzione: selectedIndex (la I e` maiuscola)

Ciao
Michele

**alex86** · 26-05-2003, 16:08

l'ho modificato così ma... ancora non và!!

codice:

<HTML>
	<HEAD>
		<SCRIPT Language="JavaScript"> 
			function Visualizza(F1)
			{alert("pianeta: " + F1.pianeti.value)
				if (indice = F1.pianeti.selectedIndex  !=  0)        // è stato selezionato un pianeta 
				    F1.stato.options[0].selected=true		
				alert("pianeta: " + indice) 		
				alert("pianeta: "+ F1.pianeti.options[indice].text + "\n Indice: " + indice) 
			}
		</SCRIPT>
	</HEAD>
	<BODY>
		<FORM NAME="F1">
			<SELECT NAME="pianeti" onChange="Visualizza(this.form)">
				<OPTION SELECTED> nessun pianeta
				<OPTION> Marte
				<OPTION> Venere
				<OPTION> Giove
			</SELECT>
			<SELECT NAME="stato">
				<OPTION> Pianeta selezionato
				<OPTION SELECTED> Pianeta da selezionare
			</SELECT>
		</FORM>
	</BODY>
</HTML>

**Mich_** · 26-05-2003, 16:19

E cosa ti dicono i tuoi alert?

**web ces** · 26-05-2003, 16:24

forse non è il prob ma CHIUDI GLI OPTIONS!!!:tongue:

**web ces** · 26-05-2003, 16:26

codice:

<html> 
<head> 
<title></title> 
<script language="javascript"> 
<!-- 
function campo(opz,nome){

div = document.getElementById('divTesto') 
if(opz=='mar'||opz=='gio'||opz=='ven')
{ 
div.innerHTML='<select name="menu2"><option>non selez</option><option selected>selez</option></select>';
 alert('pianeta: '+nome)
} 
else 
{div.innerHTML='' }


} 
//--> 
</script> 

<body> 
<form name="myForm"> 
</form> 
<select name="menu1" onchange="campo(this.options[this.selectedIndex].value,this.options[this.selectedIndex].text)">
<option value='sel'>Seleziona un'opzione</option>
<option value='mar'>marte</option>
<option value='gio'>giove</option>
<option value='ven'>venere</option>
</select>
<div id="divTesto"></div> 
</body> 
</form>

ciao

**alex86** · 26-05-2003, 16:32

Originariamente inviato da web ces

codice:

div = document.getElementById('divTesto') 
...
div.innerHTML='<select name="menu2"><option>non 
...
else 
{div.innerHTML='' }

...
...
...

<div id="divTesto"></div>

Si funziona tutto...ma mi spieghi questi passaggi :quote:

**praioz** · 26-05-2003, 16:32

codice:

<HTML>
	<HEAD>
		<SCRIPT Language="JavaScript"> 
			function Visualizza(obj){
				alert("obj.options[obj.selectedIndex].value: " + obj.options[obj.selectedIndex].value)
				if(obj.options[obj.selectedIndex].value != 0){
					alert("pianeta selezionato: " + obj.options[obj.selectedIndex].value)
					F1.stato.options[0].selected = true
					alert("pianeta: "+ document.F1.pianeti.options[obj.selectedIndex].value)

				}
			}
		</SCRIPT>
	</HEAD>
	<BODY>
		<FORM NAME="F1">
			<SELECT NAME="pianeti" onChange="Visualizza(this)">
				<OPTION SELECTED> nessun pianeta</OPTION>
				<option value="marte">Marte</option>
				<option value="venere">Venere</option>
				<option value="giove">Giove</option>
			</SELECT>
			<SELECT NAME="stato">
				<OPTION value="pianetaSelezionato"> Pianeta selezionato
				<OPTION value="PianetaDaSelezionare" SELECTED> Pianeta da selezionare
			</SELECT>
		</FORM>
	</BODY>
</HTML>

**alex86** · 26-05-2003, 16:35

questa va benissimo...l'unica cosa è ke quando scelgo dal primo select "nessun pianeta" l'altro deve mostrare pianeta da selezionare...:metallica

**web ces** · 26-05-2003, 16:38

Originariamente inviato da alex86
Si funziona tutto...ma mi spieghi questi passaggi :quote:

lo script dice:
se option è su marte o venere o giove
allora inserisci questo html in un oggetto con classe 'divText'(in qesto caso il tag <div>)
sennò non scrivere nulla

capito qlcosa?spiegato male:gren: ?prob

ciao

Discussione: Problemi con il select

Strumenti discussione

Ricerca discussione

Visualizza

Problemi con il select

e ora...

Re: e ora...

..prova anche questa soluzione....

Re: Re: e ora...

Permessi di invio