Nome su text da select

[Fr3d3R!K]

Salve a tutti ho un ennesimo problema con javascript....ho creato un form per mandare mail (userò php per farle mandare non javascript...js serve a un'altra cosa) con 1 textbox (per il nome del destinatario) 1 select box (dove ho diverse email "memorizzate") e 1 textarea (per il messaggio)...il mio javascript dovrebbe, non appena scelto l'indirizzo email dalla select viene scritto un nome nella texbox.....
questo è il codice di textbox e select

Nome Destinatario
<input type="text" height="20" size="40" name="destinatario" id="destinatario">


E-Mail Destinatario 
<select multiple name="emaildest" id="emaildest" onChange="showname()">
<option value="10">email1</option>
<option value="20">email2</option>
<option value="30">email3</option>
<option value="40">email4</option>
<option value="50">email5</option>
</select>

questo è il javascript

function showname ()
{
	switch(Form1.emaildest.options.value())
	{
		case 10:
			Form1.destinatario.text="nome1";
			break;
		case 20:
			Form1.destinatario.text="nome2";
			break;
		case 30:
			Form1.destinatario.text="nome3";
			break;
		case 40:
			Form1.destinatario.text="nome4";
			break;
		case 50:
			Form1.destinatario.text="nome5";
			break;
		default:
			Form1.destinatario.text="";
	}
}

risultato? io seleziono le email ma nella textbox non scrive niente!!! potete aiutarmi??? grazie in anticipo!

[fcaldera]

Form1.destinatario.value = ...

[Fr3d3R!K]

grazie per l'aiuto così tempestivo purtroppo devo dirti che sostituendo solo quel pezzo non funziona... rimane bianca la textbox anche se seleziono (o evidenzio) una qualsiasi tra le email nella select...

[fcaldera]

prova a mettere un alert del valore che hai scelto

function showname ()
{

        alert(Form1.emaildest.options.value())
	switch(Form1.emaildest.options.value())
	{
...

se non è un valore 10, 20 ... 50 prova a scrivere invece


switch(Form1.emaildest.option[Form1.emaildest.selectedIndex].value())


Ciao

[Fr3d3R!K]

function showname ()
{
	alert(Form1.emaildest.options.value());
	switch(Form1.emaildest.options[Form1.emaildest.selectedIndex].value())
	{
		case "10":
			Form1.destinatario.value="nome1";
			break;
		case "20":
			Form1.destinatario.value="nome2";
			break;
		case "30":
			Form1.destinatario.value="nome3";
			break;
		case "40":
			Form1.destinatario.value="nome4";
			break;
		case "50":
			Form1.destinatario.value="nome5";
			break;
		default:
			Form1.destinatario.value="nome6";
	}
}

dentro il tag select ho messo onChange="showname()"

<select name="emaildest" id="emaildest" onChange="showname()">
<option value="10">email1</option>
<option value="20">email2</option>
<option value="30">email3</option>
<option value="40">email4</option>
<option value="50">email5</option>
</select>

ma continua a non funzionare...scusa se ti sto disturbando per così tanto tempo...

edit: nella casella di testo rimane tutto vuoto...

[fcaldera]

ma l'alert che hai inserito dà un valore valido (10, 20...) oppure no?

ad ogni modo anche i case devono essere modificati (stai ricavando stringhe e non numeri)
quindi ad es.

case 10

diventa

case "10"

e così via

[Fr3d3R!K]

l' alert manco lo visualizza...ma cosa può essere????

può essere un problema di evento? forse ho messo l'evento sbagliato al posto sbagliato? forse onFocus dentro i singoli tag <option>.... :master: o forse onSelect....dimmi tu...

edit: ho provato mettendo un pulsante a richiamare la funzione showname dove dentro ho messo solo alert("ciaooo"); e funziona...poi ho cambiato in alert(Form1.emaildest.options.value()); e non ha funzionato più...manco la visualizza...quindi probabilmente non è l'evento ma il parametro Form1.emaildest.options.value() ...correggimi se sbaglio...

dimenticavo una cosa...c'è un modo di farlo server-side??? mi andrebbe bene visto che la mail poi la farò mandare al php...

[fcaldera]

perdonami ho lasciato una 's' di troppo : nella funzione

Form1.emaildest.options[Form1.emaildest.selectedIndex].value()

diventa

Form1.emaildest.option[Form1.emaildest.selectedIndex].value()
(e togli l'alert se vuoi)


se ancora non va, posta la pagina completa

[Fr3d3R!K]

se scrivo alert(document.form1.emaildest.option); mi visualizza l'alert con scritto undefined mentre alert(document.form1.emaildest.option.value); non funziona nemmeno con parentesi del value ( value() )...ora cmq sto postando la pagina...modificherò questo messaggio appena fatto...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function setBack ()
{
    var larghezza = window.screen.width;
    var altezza = window.screen.height;
    if (larghezza == 800 && altezza == 600)
        document.body.style.backgroundImage = 'url("camelia800x600.jpg")';
    else if (larghezza == 1024 && altezza == 768)
        document.body.style.backgroundImage = 'url("camelia1024x768.jpg")';
    else if (larghezza == 1280 && altezza == 1024)
        document.body.style.backgroundImage = 'url("camelia1280x1024.jpg")';
}
function showname()
{
	alert(document.form1.emaildest.option);
	switch(document.Form1.emaildest.option[Form1.emaildest.selectedIndex].value())
	{
		case "10":
			document.Form1.destinatario.value="nome1";
			break;
		case "20":
			document.Form1.destinatario.value="nome2";
			break;
		case "30":
			document.Form1.destinatario.value="nome3";
			break;
		case "40":
			document.Form1.destinatario.value="nome4";
			break;
		case "50":
			document.Form1.destinatario.value="nome5";
			break;
		default:
			document.Form1.destinatario.value="nome6";
	}
}	
</script>
<style type="text/css">
<!--
.scritta{
color: #FF0000;
text-decoration: none;
text-align: center;
font-weight: bold;
font-family: Script, "Monotype Corsiva", "Comic Sans MS", sans-serif;
font-size: xx-large;
}
/*-->*/
</style>
<title>Benvenuta su VivaDona</title>

<link rel="shortcut icon" href="Immagini/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="setBack()">
<div align="center">[img]Immagini/logoscrivimi.gif[/img]</div>
<p class="scritta">In questa pagina potrai scrivere una mail a chi vuoi. Tutti 
  i campi sono obbligatori per cui per favore riempili tutti e clicca su &quot;Invia!&quot;. 
  In caso dimenticassi qualche campo verrai avvisata di e per completarlo.</p>
<form name="form1" method="post" action="send.php">
<div align="center">
<font color="#f4b1f4" face="Script, Monotype Corsiva, Comic Sans MS, sans-serif" size="14pt"> 
Nome Destinatario
<input type="text" height="20" size="40" name="destinatario" id="destinatario">


E-Mail Destinatario 
<select name="emaildest" id="emaildest" onChange="showname()">
<option value="10">email1</option>
<option value="20">email2</option>
<option value="30">email3</option>
<option value="40">email4</option>
<option value="50">email5</option>
</select>

Messaggio

<textarea name="testo" id="testo" cols="100" rows="20"></textarea>

</font> 
<input type="submit" value="Invia Messaggio!">
<input type="reset" value="Cancella tutto">
</div>
</form>
</body>
</html>

[fcaldera]

Originariamente inviato da Fr3d3R!K
se scrivo alert(document.form1.emaildest.option); mi visualizza l'alert con scritto undefined mentre alert(document.form1.emaildest.option.value); non funziona nemmeno con parentesi del value ( value() )...ora cmq sto postando la pagina...modificherò questo messaggio appena fatto...

no, come ti ho scritto un post fa devi scrivere

alert(Form1.emaildest.option[Form1.emaildest.selectedIndex].value())