funzione su select

**Acraft** · 03-12-2004, 15:49

Ciao a tutti ho creato una funzione stupida in js

codice:

function funveterianrio(val)
{
if (val=1){veterianrio.style.display = 'inline'}
else{veterianrio.style.display = 'none'}
}

che credo sia giusta :master:

ora il fatto è che nella select stò messo così:

codice:

<select name="cliente_ruolo" style="background-color:#FFFFC2" onChange="funveterianrio(??)"  >
<option value="0">----------------</option>
<option value="1">Veterinario</option>
<option value="2">Fantino</option>
<option value="3">Allenatore/Trainer</option>
<option value="4">Gentleman</option>
<option value="5">Cavaliere</option>
<option value="6">Allevatore</option>
</select>

solo che adesso non sò come passare il valore selezionato alla funzione!

come posso fare??

grazie

**Acraft** · 03-12-2004, 16:05

metto l'evento sull'onFocus e poi dò il valore da li dentro direttamente?

(

domanda imbecille..onFocus a quale evento è legato? la selezine del singoloindice?)

grazie

**badaze** · 03-12-2004, 16:06

Prova cosi... onChange="funveterianrio(this.value)"

**Acraft** · 03-12-2004, 22:08

grasssie

domani provo! poi ti faccio sapere !!

**Acraft** · 04-12-2004, 01:04

non funzzia

te la riscrivo(speriamo di non fare ulteriori errori)

codice:

<head>
<script>
function funveterianrio(val)
			{
			if (val=1){veterianrio.style.display = 'inline'}
			else{veterianrio.style.display = 'none'}
		}

</script>
</head>
<body><table><tr><td>
                            <select name="cliente_ruolo" style="background-color:#FFFFC2" onChange="funveterianrio(this.value)"  >
                                <option value="0" selected>---------</option>
                                <option value="1">Veterinario</option>
                                <option value="2">Fantino</option>
                                <option value="3">Allenatore/Trainer</option>
                                <option value="4">Gentleman</option>
                                <option value="5">Cavaliere</option>
                                <option value="6">Allevatore</option>
                            </select>
</td>
<td>
</td>
</tr>
<tr id="veterianrio" style="display:none">
<td>
testo
</td>
<td></td>
</tr>



</table>
</body>

**Jupy64** · 04-12-2004, 01:52

Ciao, ma cosa c'è che non va? il codice mi sembra ok, devi solo apportare questa modifica:

codice:

function funveterianrio(val)
			{
			if (parseInt(val)==1){veterianrio.style.display = 'inline'}
			else{veterianrio.style.display = 'none'}
		}

**br1** · 04-12-2004, 10:37

Il javascript agisce, nei confronti dell'oggetto select, diversamente da un linguaggio lato server al quale giunge solo il valore dell'elemento selezionato associato al nome della select.

Per il js, invece, la select e' un "contenitore" di options... che costituiscono una collezione di oggetti ciascuno con le sue proprieta', ed inoltre possiede una ulteriore proprieta' che identifica l'indice della option correntemente selezionata.

Da tutto questo deriva che per ottenere il valore della option selezionata occore utilizzare la sintassi:

valore = document.nomeForm.nomeSelect.options[document.nomeForm.nomeSelect.selectedIndex].value;

(in rosso le parti da personalizzare)

ciao

**Acraft** · 04-12-2004, 14:42

grazie di avermi risposto prima di tutto

ti volevo chiedere però come utilizzare ciò che mi hai passato

qualcosa di questo genere?

codice:

function funveterianrio(val)
			{
	if (parseInt(val)==1){veterianrio.style.display = 'inline'}
        else{veterianrio.style.display = 'none'}
		}
..............
                            <select name="cliente_ruolo" style="background-color:#FFFFC2" onChange="funveterianrio([document.form.cliente_ruolo.selectedIndex].value)"  >
<option value="0" selected>---------</option>
<option value="1">Veterinario</option>
<option value="2">Fantino</option>
<option value="3">Allenatore/Trainer</option>
<option value="4">Gentleman</option>
<option value="5">Cavaliere</option>
</select>

se no altrimenti come?

ciao e grazie ancora

**Jupy64** · 04-12-2004, 15:40

Ciao, è vero quello che ha detto br1, ma in questo caso a te non serve a niente tutto quello, per come hai rappresentato il tuo problema non devi usare questa roba:

codice:

valore = document.nomeForm.nomeSelect.options[document.nomeForm.nomeSelect.selectedIndex].value;

Ti avevo già risposto cosa modificare per far funzionare il tutto, mi sembra che stai fancendo un po' di confusione!
comunque ti posto la pagina di esempio e funzionante:

codice:

<html>
<head>
<title>Prova</title>
<script>
function funveterianrio(val)
{
	if (parseInt(val)==1)
	{
		veterianrio.style.display = 'inline';
	}
	else
	{
		veterianrio.style.display = 'none';
	}
}

</script>
</head>
<body>
<table>
	<tr>
	<td>
        	<select name="cliente_ruolo" style="background-color:#FFFFC2" onChange="funveterianrio(this.value)"  >
                	<option value="0" selected>---------</option>
                        <option value="1">Veterinario</option>
                        <option value="2">Fantino</option>
                        <option value="3">Allenatore/Trainer</option>
                        <option value="4">Gentleman</option>
                        <option value="5">Cavaliere</option>
                        <option value="6">Allevatore</option>
                </select>
	</td>
	<td></td>
	</tr>
	<tr id="veterianrio" style="display:none;">
	<td>scrivi quello che vuoi tu sul veterianrio</td>
	<td></td>
	</tr>
</table>
</body>
</html>

**Acraft** · 04-12-2004, 17:27

mannaggia ma nonmi funzia?!?!?

Guarda qui prima di tutto compare aperto invece che chiuso e se selezioni di non essere proprietario e specifichi di essere o non essere veterianio non cambia nulla

Discussione: funzione su select

Strumenti discussione

Ricerca discussione

Visualizza

funzione su select

Permessi di invio