Unione value di tre select dentro un form

**Mister** · 11-11-2009, 18:27

E' possibile con javascript unire in un unico campo i risultati di tre select diverse all'interno di un form?

Calssico esempio è quello della data di nascita..

Select per il giorno
Select per il mese
Select per l'anno

risultato gg/mm/aaaa

**cavicchiandrea** · 11-11-2009, 19:39

Si a grandi linee:

codice:

<script>
var gg = document.getElementById('idSelectGiorno').options[document.getElementById('idSelectGiorno').selectedIndex].value
var mm = document.getElementById('idSelectMese).options[document.getElementById('idSelectMese').selectedIndex].value
var aa = document.getElementById('idSelectAnno').options[document.getElementById('idSelectAnno').selectedIndex].value
var data = gg+'/'+mm+'/'+aa
document.getElementById('idInputDelForm').value=data
</script>

il tutto dovrai racchiuderlo in una funzione

**Mister** · 11-11-2009, 20:45

Ho provato ma funziona a metà:

Codice PHP:


 <input type="text" name="data_di_nascita" id="idInputDelForm"   onblur="document.getElementById('idInputDelForm').value = data;"           />

Il campo unisce la data ma solo con il valore della select presente come prima option.

Ex: nel caso le select fossero:

Codice PHP:


<select name="idSelectGiorno" id="idSelectGiorno">              

<option value="01">01</option>              

<option value="02">02</option>  

<option value="03">03</option>           </select>  

  <select name="idSelectMese" id="idSelectMese"> 

 <option value="01">Gennaio</option>             

 <option value="02">Febbraio</option>       

<option value="03">Marzo</option>    

          </select>             

             <select name="idSelectAnno" id="idSelectAnno">    

           <option value="1991">1991</option> 

<option value="1990">1990</option>

 <option value="1989">1989</option>  </select>

Mi da sempre come risultato 01/01/1991

Dove sbaglio?

Grazie

**cavicchiandrea** · 11-11-2009, 20:58

A) era un esempio buttato giù al volo non pensavo servisse completo
B) è chiaro che se le select non vengono modificate avrai sempre la data di default (preimpostata)

codice:

<html>
<head>
<script language="JavaScript">
function Creadata()
{
var gg = document.getElementById('idSelectGiorno').options[document.getElementById('idSelectGiorno').selectedIndex].value
var mm = document.getElementById('idSelectMese').options[document.getElementById('idSelectMese').selectedIndex].value
var aa = document.getElementById('idSelectAnno').options[document.getElementById('idSelectAnno').selectedIndex].value
var data = gg+'/'+mm+'/'+aa
document.getElementById('idInputDelForm').value=data
}
</script>
</head>
<body>
<div align="center"><h1>Datario</h1></div></br>
<form name="data-nascita">
<select name="idSelectGiorno" id="idSelectGiorno">              
<option value="01">01</option>              
<option value="02">02</option>  
<option value="03">03</option>           </select>  
<select name="idSelectMese" id="idSelectMese">
<option value="01">Gennaio</option>             
<option value="02">Febbraio</option>       
<option value="03">Marzo</option>    
</select>             
<select name="idSelectAnno" id="idSelectAnno">    
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option> </select>
</form>
<input type="text" name="data_di_nascita" id="idInputDelForm"   onblur="Creadata()"/>
</body>
</html>

**Mister** · 12-11-2009, 02:01

Grazie mille Andrea.
Prezioso, come sempre.

Discussione: Unione value di tre select dentro un form

Strumenti discussione

Ricerca discussione

Visualizza

Unione value di tre select dentro un form

Permessi di invio