ayuda función js

marcvilap · #1 (**permalink**) 20/09/2009, 10:54

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:

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

Adler · #2 (**permalink**) 21/09/2009, 05:30

Hola

A simple vista las opciones del combo que creas no tienen valores.

Por otro lado estos dos argumentos cargaDatos(\""+idDiv+"\", \""+idInput+" son
segona e input_titu o lo que es lo mismo a función cargarDatos no le estás pasando el valor de la opción seleccionada

Suerte

quimfv · #3 (**permalink**) 21/09/2009, 05:49

Adler tiene toda la razon si no pones valores a las options no podrás recuperarlos....

Cambio de estrategia, si no lo entiendes pregunta...

Código html:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function mostraSelect(obj){
    document.getElementById(obj.id + "sel").style.display="block";
    document.getElementById(obj.id).style.display="none";
}
 
function cargaDatos(idDiv, obj, idSigienteImput){
    var valorInput=obj.value;
    if (valorInput!="0"){
        document.getElementById(idDiv).innerHTML=valorInput;
        document.getElementById(idDiv + "sel").style.display="none";
        document.getElementById(idDiv).style.display="block";
        document.getElementById(idSigienteImput).focus();
    }else{
        document.getElementById(idDiv).innerHTML="(Haz click aquí para intrducir tu provincia)";
        document.getElementById(idDiv + "sel").style.display="none";
        document.getElementById(idDiv).style.display="block";
        document.getElementById(idSigienteImput).focus();
    }
}
 
</script>
 
</head>
 
<body>
<div id="segona" style="display:block" onClick="mostraSelect(this)">(Haz click aquí para intrducir tu provincia)</div>
<div id="segonasel" style="display:none">
<select onChange="cargaDatos('segona', this, 'input_titu')" id="provincies">
    <option value="0">&nbsp;</option>
    <option value="Barcelona">Barcelona</option>
    <option value="Madrid">Madrid</option>
    <option value="Lleida">Lleida</option>
    <option value="Girona">Girona</option>
</select></div>
<input name="input_titu" type="text" id="input_titu">
</body>
</html>

Quim

marcvilap · #4 (**permalink**) 22/09/2009, 09:27

Gràcias a los dos, la verdad es que he utilizado el cambio de estrategia que decía Quim y me ha funcionado al 100% y además creo que es más límpio.

Gracias por todo

Un saludo

Marc