Limpiar los valores de un array JQUERY

Lucieta86 · #1 (**permalink**) 17/05/2012, 03:45

Hola chicos, tengo una lista de checkbox, con un botón reservar selección, y almaceno en un array aquellos que han sido seleccionados, para ello utilizo el siguiente código de Jquery:

var seleAulas = new Array();
$("input[name='aulaRes']:checked").each(function(){
seleAulas.push($(this).val());
});

Cuando le doy click al botón, este le pasa por ajax los valores a otro script, que se encarga de mostrar la información seleccionada, con el siguiente código:

$opcAulasRes=$_REQUEST["seleAulas"];

Los valores que recoge, los paso a Array para poderlos recorrer despues con un for y mostrarlos:

$aulasRes=explode(',', $opcAulasRes);

Y ya con el for, los muestro.

El problema que tengo es que se quedan guardados los valores seleccionados, es decir, si el usuario cierra la ventana y vuelve a los checkbox y elige otros, y vuelve a darle al botón, siguen mostrandose los anteriores, y no se como limpiar esa variable para que esto no pase.

He provado ya varias cosas, pero nada me ha funcionado.

Alguna sugerencia?

Gracias

Naahuel · #2 (**permalink**) 17/05/2012, 06:23

En realidad deberíamos conocer el resto del JS para ver en qué momento obtenés el array.

Lo indicado sería obtenerlo al momento de hacer click al botón, entonces sería un array nuevo.

Probá este ejemplo en Chrome (o donde tengas una consola):

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('a').click(function(){
            var seleAulas = new Array();
            $("input[name='aulaRes']:checked").each(function(){
                seleAulas.push($(this).val());
            });
            console.log(seleAulas);
        });
    });
</script>
<title>Menu desplegable</title>
</head>
<body>
    <input type="checkbox" name="aulaRes" value="1" />
    <input type="checkbox" name="aulaRes" value="2" />
    <input type="checkbox" name="aulaRes" value="3" />
    <input type="checkbox" name="aulaRes" value="4" />
    <input type="checkbox" name="aulaRes" value="5" />
    <input type="checkbox" name="aulaRes" value="6" />
    <p><a href="#">Ver</a></p>
</body>
</html>

Si vas a la consola de Chrome (F12 --> Console) y vas haciendo click seleccionando diferentes elementos, vas a ver que lo que vos decís no sucede. Si cambio la selección, el array cambia al hacer click.

Lucieta86 · #3 (**permalink**) 18/05/2012, 02:16

Gracias Naahuel por contestar.

He estado haciendo pruebas, con la consola... y me he dado cuenta de que si que coje los valores, de echo los pasa por url perfectamente, los actualiza con cada cambio, así que finalmente el error esta en el último script, que no los muestra bien, solo muestra los valores que le han llegado la primera vez...

Pego el código de ese script, por si se me ha pasado algo:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8"/>
 
<?php
require "config.php";
require "connect_db.php";
require "functions.php";
?> 
 
<script type="text/javascript">
 
$(function(){
    //al hacer clic en el boton reserva, que se abra el formulario
    $( "#dialog-form" ).dialog( "destroy" );
    
    $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 600,
        width: 350,
        modal: true,
        buttons: {
            "Realizar Reserva": function() {
                $( this ).dialog( "close" );
                
            },
            "Cancelar": function() {
                $( this ).dialog( "close" );
            }
        },
        close: function() {
            allFields.val( "" ).removeClass( "ui-state-error" );
            }
    });
    
    $( "#dialog-form" ).dialog( "open" );
    
    //PARA OBTENER EL EMAIL DEL RESPONSABLE 
    $("#name").change(function(){
        var dni=$("#name").find(':selected').val();
        $.ajax({
            type:"POST",
            url:"obtenerMail.php",
            data: "dni="+dni,
            success: function(datos){
                $("#mailResp").attr('value', datos);
                $("#mailResp").text(datos);
            }
        });
    });
 
});
</script>
    
</head>
 
<body>
<?php
//Recoge los valores que necesita
 
$fechaInicio=$_REQUEST["fechaIni"];
$fechaFin=$_REQUEST["fechaFin"];
$opcAulasRes=$_REQUEST["seleAulas"];
 
//Obtener los datos de los responsables
$datos_responsable=get_responsable();
$resp_list="";
    for ($i=0;$i<sizeof($datos_responsable);$i++)
    {
        $resp_list.= "<option value=\"".$datos_responsable[$i][1]. "\"";
        $resp_list.=">".$datos_responsable[$i][0]."</option>". chr(10);
    } 
 
 
//Pasar a array las aulas seleccionadas
$aulasRes=explode(',', $opcAulasRes);
 
?>
 
<div id="dialog-form" title="FORMULARIO RESERVA">
    <!--  <d class="validateTips"></p>  -->
<form>
 
    <fieldset>
    <legend>Datos selección</legend>
        <label for="fyhini">Fecha inicio: <?php echo $fechaInicio;?></label> <br/><br/>
        <label for="fyhfin">Fecha fin: <?php echo $fechaFin;?></label> <br/><br/>
        <label for="espacioSelec">Espacio Seleccionado: 
        
        <?php 
        //echo "VALORES".$opcAulasRes."-".$fechaInicio."-".$fechaFin;
        //die();
        for($aux=0; $aux<count($aulasRes); $aux++){
            if($aux==0) echo $aulasRes[$aux];
            else echo " - ".$aulasRes[$aux];
            }
        ?> 
        
        </label> 
    </fieldset>
        <br/><br/>
        <label for="name">Responsable*</label> <br/>
        <select id="name" class="text ui-widget-content ui-corner-all" name="name">
        <option  value:"-1" >---Seleccione responsable---</option><?php echo $resp_list; ?></select>
        <br/>
        <label for="email">Email*</label><br/>
        <input type="text" name="mailResp" id="mailResp" value="" class="text ui-widget-content ui-corner-all" />
        <br/>
        <input type="checkbox" id="enviarMail" name="enviarMail" value="mail"/> Enviar email
        <br/><br/>
        <label for="desc">Descripcion*</label>
        <input type="text" name="desc" id="desc" value="" class="text ui-widget-content ui-corner-all" />
         <br/>
        <label for="obser">Observaciones</label>
        <textarea name="obser" id="obser" value="" class="text ui-widget-content ui-corner-all" />
        <br/>
        <label for="comentario">* Campos obligatorios</label>
    
</form>    
</div>
</body>
</html>

Al llamar a este script en reiteradas ocasiones, este solo muestra los valores que obtiene la primera vez que se accede, y aunque el resto de ocasiones, lo vuelven a llamar... este sigue manteniendo el valor obtenido anteriormente, y los valores le llegan nuevos...

No entiendo muy bien porque...

Alguna idea?

Saludos

Lucieta86 · #4 (**permalink**) 18/05/2012, 05:29

He estado probando unset, despues de utilizar las variables, y nada... no funciona!
Alucino!

El caso es que me he dado cuenta de que no solo no muestra bien el array sino tambien las variables que en se muestran como las fechas...

Y despues de utilizar la consola... he visto que el valor le llega bien, asi que no comprendo porque no actualiza su valor!

Ideas porfavor!

Naahuel · #5 (**permalink**) 18/05/2012, 05:40

La verdad que sin la posibilidad de hacer las pruebas directamente, no puedo ver el problema. ¿El problema ocurre incluso luego de recargar la página?

Yo empezaría por corregir un par de cuestiones en javascript:

Reemplazá:

Código Javascript:

Ver originalvar dni=$("#name").find(':selected').val();

por:

Código Javascript:

Ver originalvar dni=$(this).val();

La varibale allFields no está definida en ningún lado.

Probá reseteando el formulario luego de que el script termine:

Código Javascript:

Ver original$('form').each (function(){
  this.reset();
});

Las fechas que me decís que salen mal, las obtiene por $_REQUEST, lo cual indicaría que tu problema está más bien en PHP.

Lucieta86 · #6 (**permalink**) 21/05/2012, 02:22

Obtener mail, no influye en el formulario, tan solo muestra el email del responsable seleccionado.

He añadido el código para resetear el formulario, y no ha funcionado...

Yo tambien pienso que el error esta en PHP, pero no se donde, y no lo comprendo, porque es un script que llama a otro, y este otro llama al último, el primero funciona bien, y el segundo no y los dos estan echos del mismo modo...

Gracias por la ayuda! :)

Alguna sugerencia mas?