Error con getElementbyID

pitxulin · #1 (**permalink**) 20/09/2006, 02:53

Hola amigos:

tengo una lista y una función javascript:

-----------------------------------------------------------------------
<script language="javascript" type="text/javascript">
function delega2(){
valor=document.getElementById("empresa").options[document.getElementById("empresa").selectedIndex].value;

window.alert(valor);
}
</script>

<?
echo '<select name=empresa id=empresa class=camposform maxlength=24 onchange="delega2()">
<option value="',$empresa,'" selected>',$empresa,'</option>';
while($resultados = mysql_fetch_array($usuario_consulta)) {
echo '<option value="',$resultados[nombre],'">',$resultados[nombre],'</option>';}

-----------------------------------------------------------------------

Pues bien, cuando selecciono una nueva opción en el select, salta a la función, pero me da un error:

Error: 'document.getElementById(...).options' es nulo o no es un objeto

Alguien sabe qué puede estar pasando?

crcbad · #2 (**permalink**) 20/09/2006, 03:05

Yo me acostumbraría a poner las propiedades de los elementos con comillas, muchas veces suele ser eso, prueba a poner la línea de este modo:

Código PHP:

  echo <select name="empresa" id="empresa" class="camposform" maxlength=24 onchange="delega2()">

Haber si asi te funciona, sino, comentalo :)

djreficul · #3 (**permalink**) 20/09/2006, 03:32

Cita:

Iniciado por pitxulin

<?
echo '<select name=empresa id=empresa class=camposform maxlength=24 onchange="delega2()">
<option value="',$empresa,'" selected>',$empresa,'</option>';
while($resultados = mysql_fetch_array($usuario_consulta)) {
echo '<option value="',$resultados[nombre],'">',$resultados[nombre],'</option>';}

Tampoco estaría mal, cosa que ayuda al diseño también, entrar y salir de PHP sólo lo suficiente:

Código PHP:

 
<select name="empresa" id="empresa" class="camposform" maxlength="24" onchange="delega2()"> 
<option value="<?php echo $empresa; ?>" selected><?php echo $empresa; ?></option> 
<?php 
while($resultados = mysql_fetch_array($usuario_consulta)) { 
?> 
<option value="<?php echo $resultados['nombre']; ?>"><?php echo $resultados['nombre']; ?></option> 
<?php 
} 
?>

Saludos.

pitxulin · #4 (**permalink**) 20/09/2006, 03:43

Me sigue fallando....

ZiTAL · #5 (**permalink**) 20/09/2006, 03:45

Totalmente de acuerdo con djreficul.

Sobre HTML, mira los estandares de la W3C, te ayudaran a hacer una web de calidad ;)

ZiTAL · #6 (**permalink**) 20/09/2006, 03:48

valor=document.getElementById("empresa").options[document.getElementById("empresa").selectedIndex].value;

no creo que sea asi, ademas solo puedes tener por cada elemento una ID, no tiene sentido tener 2 cosas con la misma ID.

djreficul · #7 (**permalink**) 20/09/2006, 04:02

Otras cosas que pueden ayudarte es pasarle a la función el argumento this.

onchange="delega(this)" de manera que juegas directamente con el campo sin tener que llamarlo con getElementById:

function delega(campo) {
valor=campo.value;
}

o con this.form y obtienes el elemento mediante:

onchange="delega(this.form)"

en la funcion:

function delega(f) {
var valor=f.empresa.value;
}

Saludos.

ZiTAL · #8 (**permalink**) 20/09/2006, 04:09

te he echo un programita haber si te vale:

Código HTML:

<html>
<head>
<script type="text/javascript">
 function Aukeratu(a)
  {   
   	var b=a.selectedIndex;
   	var c=a[b].value;
   	alert(c);
  }
</script>
</head>
<body>
<select name="bat" id="bat" onChange="Aukeratu(this)">
<option value="cero">cero</option>
<option value="uno">bat</option>
<option value="dos">bi</option>
</select>
</body>
</html>