[Resuelto] Fallo en Script "crear select", ¿donde?

Seerkan · #1 (**permalink**) 09/04/2003, 19:14

Hola compañeros,

con mis basicos conocimientos de Javascript y gracias a la gran ayuda que he encontrado en este Foro (como siempre

), he creado un script para que el usuario que se va a registrar eliga su nick de una lista creada en función de sus nombres y apellidos.

Bueno, seguro que no me he explicado demasiado bien

. Mejor os pongo el codigo y luego sigo comentando.

Código PHP:

  <html> 
<head> 
     
<SCRIPT LANGUAGE="JavaScript"> 
<!-- Begin 
 
function createUsername() 
{ 
arrayName = new Array(4); 
arrayName[1] = this.form.user_name.value; 
arrayName[2] = this.form.user_name2.value; 
arrayName[3] = this.form.user_lastname.value; 
arrayName[4] = this.form.user_lastname2.value; 
i = 1; 
this.form.username.options[i]=new Option(arrayName[1] + arrayName[3], arrayName[1] + arrayName[3]); 
i++; 
this.form.username.options[i]=new Option(arrayName[1] + "_" + arrayName[3], arrayName[1] + "_" + arrayName[3]); 
i++; 
if (arrayName[2] != "") 
    {  
        this.form.username.options[i]=new Option(arrayName[1] + arrayName[2] + arrayName[3], arrayName[1] + arrayName[2] + arrayName[3]); 
        i++; 
        this.form.username.options[i]=new Option(arrayName[1] + "_" + arrayName[2] + "_" + arrayName[3], arrayName[1] + "_" + arrayName[2] + "_" + arrayName[3]); 
        i++; 
        this.form.username.options[i]=new Option(arrayName[1] + arrayName[2] + "_" + arrayName[3], arrayName[1] + arrayName[2] + "_" + arrayName[3]); 
        i++; 
    } 
this.form.username.options[i]=new Option(arrayName[3] + arrayName[4], arrayName[3] + arrayName[4]); 
i++; 
this.form.username.options[i]=new Option(arrayName[3] + "_" + arrayName[4], arrayName[3] + "_" + arrayName[4]); 
 
 
this.form.username.disabled=false; 
} 
 
//  End --> 
  
 
 --> 
</script> 
</head> 
<body> 
<br>&nbsp;<br>&nbsp;<br>&nbsp; 
<div align="center"> 
 
<form name="form"> 
Nombre 1º: <input type="text" name="user_name" size="30" value="Antonio" ><br>&nbsp;<br> 
Nombre 2º: <input type="text" name="user_name2" size="30" ><br>&nbsp;<br> 
Apellido 1º: <input type="text" name="user_lastname" size="30" value="Garcia" ><br>&nbsp;<br> 
Apellido 2º: <input type="text" name="user_lastname2" size="30" value="Ramirez" ><br>&nbsp;<br>&nbsp;<br> 
<input type="button" value="Crear:" onClick="createUsername();"> 
<select name="username" disabled > 
<option value="0">Elige Nombre de Usuario:</option></select><br>&nbsp;<br> 
</form> 
 
</div> 
</body> 
</html>

La idea es que el "nombre 2º" no sea obligatorio rellenarlo, por lo que si deja en blanco no se muestren las opciones que lo contienen:

Código PHP:

  if (arrayName[2] != "")     { (...)

Pero tiene un Fallo :
Si primero pruebas a rellenar el campo "nombre 2º" y creas los nicks, luego aunque borres ese campo al crear los nicks sigue saliendo en una de las opciones!!!

¿no me explico bien?

Bueno, para ver el fallo:
1.- Rellena todos los campos, incluido el "nombre 2º"
2.- Pulsa "Crear nicks" y veras que en tres de las opciones aparece el texto de "nombre 2º"
3.- Ahora borra el campo "nombre 2º" y pulsa "Crear nicks" de nuevo.
4.- Verás como en el menu desplegable sigue saliendo el valor del campo "nombre 2º" a pesar de haberlo borrado!!!

¿donde está el fallo ?

Muchisimas gracias por leer este mensaje entero, y mil gracias por intentar ayudarme.

Cualquier pista o comentario me serian de gran ayuda, gracias.

Un saludo a todos desde Alicante (España)

Ciao.

KarlanKas · #2 (**permalink**) 10/04/2003, 11:04

pon esta linea en la primera de la función:

function createUsername()
{
this.form.username.options.innerHTML="";
...
(resto del código)

Lo que hacía tu código (muy bueno, por cierto, aunque deberías acostumbrarte a empezar los Arrays por 0 en vez de por 1) era sobreescribir cada vez que se ejecutaba las option que ya había y eso tenía un problema: Si antes había más options de las que se generaban no quitaba las anteriores y por tanto las mostraba...

y con este código borra las que había y las vuelve a hacer partiendo de cero y así dejando el número que tiene que haber.

Un saludo!

Seerkan · #3 (**permalink**) 10/04/2003, 13:32

muchas gracias, ahora va perfecto.

quiero añadirle un par de cosas más al script y cuando lo tenga listo lo publico aquí entero por si a alguien le viene bien.

bueno, gracias por tu ayuda de nuevo. ciao.

Seerkan · #4 (**permalink**) 26/04/2003, 11:01

Hola de nuevo,

Código PHP:

  this.form.username.options.innerHTML="";

no funciona bien en Mozilla , mejor usar:

Código PHP:

  document.form.username.innerHTML="";

(con "document" en vez de "this", y sin "options")

Un saludito,

.

PD: Lo cierto que es que realmente no se muy bien como actua el innerHTML , así que igual he puesto alguna burrada.