Popolare campo input text da select

**aretium** · 16-08-2007, 14:26

Salve a tutti,
ho già controllato con la ricerca se il mio problema fosse già stato risolto, ma non sono riuscito a rintracciarlo, (le discussioni sono tantissime).
Ho una select in cui ci sono le mail degli utenti, sotto c'è un campo di input text destinatari della mail in cui dovrebbero confluire le scelte fatte con la select.
ESEMPIO

codice:

Select   bianchi@libero.it

input text  bianchi@libero.it

seconda scelta 

Select  rossi@libero.it

input text   bianchi@libero.it, rossi@libero.it

e via via a proseguire

Grazie per l'aiuto

**pippuzzo80** · 16-08-2007, 15:55

dovresti utilizzare l'evento onchange di javascript sulla select...

**aretium** · 16-08-2007, 16:06

Quello che non riesco ha scrivere e' la funzione javascript che mi prende il valore dal campo text "toMail" e aggiunge la nuova stringa selezionata dalla select.
Puoi postare del codice che mi possa aiutare.

Grazie infinite

**pippuzzo80** · 16-08-2007, 16:26

allora vediamo un pò sinceramente non l'ho mai fatto...

innanzitutto nella select inserisci un id all'evento onchange="funzione()";

poi in javascript

function funzione() {
trace(document.getElementById('idselect').value); //dovrebbe recuperare il contenuto selezionato
}

prova intanto se funziona questo...

poi il tuo campo input è dentro ad un form?

**cavicchiandrea** · 16-08-2007, 16:44

una cosa del genere:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Pagina senza titolo</title>
    <script type="text/javascript">
function _Destinatari(_Mail){
var _destinatario = document.getElementById("Destinatario").value
if(_Mail == "Resetta"){
document.getElementById("Destinatario").value=''; 
document.getElementById("Email").selectedIndex=0;
}else if(_Mail == 0){
alert('Valore non valido riprovare');
return false;}
else if(_Mail != 0 && _destinatario == ""){
document.getElementById("Destinatario").value = _Mail;
}else{
document.getElementById("Destinatario").value+=";\n"+_Mail}}

    </script>    
</head>
<body>
<form action="form1" method="post"><table width="100" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td>Email</td>
    <td><select name="Email" id="Email" onchange="_Destinatari(this.options[this.selectedIndex].value)">
      <option value="0">Seleziona destinatari</option>
      <option value="RossiMario@libero.it">Rossi Mario</option>
      <option value="BianchiLuigi@tin.it">Bianchi Luigi</option>
      <option value="VerdiStefano@tiscali.it">Verdi Stefano</option>
      <option value="NeriGiovanni@email.it">Neri Giovanni</option>
    </select></td>
  </tr>
  <tr>
    <td>Destinatario</td>
    <td><textarea name="Destinatario" cols="50" rows="5" readonly="readonly" id="Destinatario"></textarea></td><td>Reset</td>
  </tr>
</table>
</form>
</body>
</html>

**aretium** · 17-08-2007, 12:54

Ho provato il codice di Andrea e funziona benissimo!!!

ringrazio tutti e due per l'aiuto

Discussione: Popolare campo input text da select

Strumenti discussione

Ricerca discussione

Visualizza

Popolare campo input text da select

Permessi di invio