Buenas compañeros,
estoy realizando un formulario utilizando javascript pero no logro que este funcione correctamente. Tengo un div ( no es mas que un rectangulo de color rojo)
donde quiero que cuando alguien haga click aparezca un SELECT. Donde el usuario pueda poner su provincia. Una vez el usuario salga del select , la opción elegida ( Barcelona, Madrid, Valencia.... ) debería quedarse en el div como texto .
El primer paso, el de generar el SELECT, lo he realizado con exito:
Cita: <div id="segona" onclick="creaSelect(this.id,'input_titu')">(Haz click aquí para intrducir tu provincia)</div>
Cita: function creaSelect(idDiv,idInput)
{
if(!mostrandoInput)
{
var divContenedor=document.getElementById(idDiv);
divContenedor.innerHTML="<select onBlur='cargaDatos(\""+idDiv+"\", \""+idInput+"\")'><option>barcelona</option><option>Madrid</option><option>barcelona</option><option>Girona</option></select>";
document.getElementById(idInput).focus();
mostrandoInput=true;
}
else{}
}
Sin embargo el segundo paso, el que debe pasar la opción del select a texto plano en el div no se por que no funciona. Se genera de manera correcta el select pero cuando intentas salir del foco del select no se carga como texto
pongo la función js
Cita: function cargaDatos(idDiv, idInput)
{
var valorInput=document.getElementById(idInput).value;
mostrandoInput=false;
document.getElementById(idDiv).innerHTML=valorInpu t;
}
A ver si alguien sabe cual es el error que cometo
Un saludo