Asignar valor "null". Por más que intento no me resulta

sesebas · #1 (**permalink**) 22/04/2009, 17:29

Hola amigos,

La primera vez que se carga la página que contiene los Scripts para los selects; el valor de "Selector2[]" es "null" y las opciones en él se recogen y actualizan desde el servidor, según lo que se elija en el selector1.

Al clikar en una de las opciones de "Selector2[]" éste obviamente deja de ser "null". ¿Cómo puedo hacer para que cada vez, después de este momento, que haga click en una de las opciones del primer selector el valor del segundo vuelva a ser "null"? Agradeceré mucho la ayuda que me puedan dar.

Código JavaScript:

Ver originalfunction Seleccionar() {
 
  var a = document.form1.selector1.value;
 
  if (a != "null") {
     document.form1.action="";
       document.form1.submit();
  }
  else { 
    alert("Seleccione un valor."); }
}
</script>
 
 
 
</head>
<body>
 
<form name="form1" method="post" action="recibeS.php">
 
  <select name="selector1" size=3 id="selector1" onChange="javascript:Seleccionar();">
    <option value="null"<?php if (empty($sel1)) { echo " selected"; }
    ?>>Seleccione un valor</option>
    <option value="AR"<?php if ($sel1 == "AR") { echo " selected"; }
    ?>>Argentina</option>
    <option value="MX"<?php if ($sel1 == "MX") { echo " selected"; }
    ?>>México</option>
    <option value="CO"<?php if ($sel1 == "CO") { echo " selected"; }
    ?>>Colombia</option>
  </select>
 
  <select multiple name="selector2[]" id="selector2" style="width:500px" size=3>
<?php 
  if ($fillsel2) {
    $contentsel2 = explode("*",$contentsel2);
    foreach($contentsel2 as $key => $value) {
      $item = explode(":",$value);
      echo '<option value="'.$item[0].'">'.$item[1].'</option>'."\n";
    } 
  } // if
  else {
?>
    <option value="null" selected>(Vacío)</option>
<?php } ?>
  </select>
  
  <input type="submit" name="Submit" value="Desplegar tabla(s)" onClick="document.form1.target='tabula'">

Dude-- · #2 (**permalink**) 22/04/2009, 20:06

Prueba esto, no se si funcionará:

Código javascript:

Ver originalfunction revisarselect2()
{
   var selector2 = document.getElementById("selector2");
   if ( selector2.value != "null" ) //Esto significaría que ya has pinchado en alguna opción porque tiene un valor distinto de null.
   {
       selector2.value = "null"; //Vuelve a ponerlo en null.
   }
}

En el evento onChange del select1 deberías llamar a la función antes mencionada.

David · #3 (**permalink**) 22/04/2009, 20:11

Si la cuestión es borrar la selección, puedes usar:

Código javascript:

Ver originaldocument.getElementById("selector2").selectedIndex = -1;

sesebas · #4 (**permalink**) 22/04/2009, 20:48

Gracias a ambos por sus respuestas... un problema adicional, es que soy muy nuevo en el uso de JavaScript y PHP.

Me ayudaría saber dónde insertar el código y dónde hacer la llamada de la función, porque he tratado con las dos, el firebug no me da error, pero no consigo que funcione como necesito.

Gracias.

David · #5 (**permalink**) 22/04/2009, 20:58

El código que te indiqué debes colocarlo en el lugar donde quieres que la selección del select multiple sea anulada.

Piccolina · #6 (**permalink**) 05/08/2009, 02:46

Os pregunto aquí, porque es el mismo tema...

Tengo el mismo problema, con AJAX cargo dentro del div 'resultado' el select 'registros[]', entonces en mi función Javascript intento esto:

Código:

contenedor = document.getElementById("resultado");
contenedor.getElementById("registros").selectedIndex = -1;

y no va... ¿hago algo mal?

David · #7 (**permalink**) 05/08/2009, 08:38

No puede ser contenedor.getElementById, debe ser document.getElementById

Piccolina · #8 (**permalink**) 05/08/2009, 13:32

Pero entonces... como indico que registros se encuentra dentro de contenedor??? O con poner document.getElementById("registros") ya valdría?

David · #9 (**permalink**) 05/08/2009, 13:41

El atributo id debe ser un identificador único en el documento, no puede repetirse; por lo que sólo existe document.getElementById()

Piccolina · #10 (**permalink**) 05/08/2009, 14:02

Cierto, jeje

Gracias por la aclaración