Foros del Web » Programando para Internet » Jquery »

Utilizar los últimos elementos seleccionados desde select multiple con JQuery

Estas en el tema de Utilizar los últimos elementos seleccionados desde select multiple con JQuery en el foro de Jquery en Foros del Web. Que tal amigos, antes que nada les doy las gracias por el tiempo que se toman y por la gran ayuda que siempre brindan. Espero ...
  #1 (permalink)  
Antiguo 11/09/2013, 13:58
 
Fecha de Ingreso: marzo-2012
Mensajes: 84
Antigüedad: 12 años, 1 mes
Puntos: 3
Utilizar los últimos elementos seleccionados desde select multiple con JQuery

Que tal amigos, antes que nada les doy las gracias por el tiempo que se toman y por la gran ayuda que siempre brindan. Espero pueda explicarme bien:

tengo un select multiple llamado view1 y lo que hago es seleccionar los elementos dentro del mismo para ir filtrando los elementos de otro select multiple llamado view2. Estoy utilizando JQuery para que el filtro sea sin recargar la página, he conseguido recoger los elementos cuando doy doble click en cada uno, se van acumulando dinámicamente, por ejemplo:

Si selecciono un elemento recojo el dato de ese select, si selecciono otro recojo tanto el elemento que acabo de seleccionar como el anterior y así sucesivamente, es decir, se van acumulando:

1er Elemento(seleccionado)=num1
2do Elemento(seleccionado)=num1,num2
3er Elemento(seleccionado)=num1,num2,num3
4to Elemento(seleccionado)=num1,num2,num3,num4

La acumulación de los datos está perfecta y ya lo he conseguido, sin embargo mi problema es que no quiero que aparezca en pantalla esto:

num1
num1,num2
num1,num2,num3
num1,num2,num3,num4

Solamente el último:
num1,num2,num3,num4

¿Cómo le podría hacer?
Gracias

index.php
Formulario
Código HTML:
Ver original
  1. <form name="estados" id="estados" action="filtro_edo_login.php" method="POST" onsubmit="selectAllOptions('select_2');">
  2. <select name="view[]" id="view" multiple="multiple" style="height:400px;width:400px;">
  3. <option value="num1">num1</option>
  4. <option value="num2">num2</option>
  5. <option value="num3">num3</option>
  6. <option value="num4">num4</option>
  7.  
  8. <input name="Enviar" type="submit" value="Consultar"/>
  9. </form>
  10.  
  11. <div id="ajax_loader"><img id="loader_gif" src="loader.gif" style=" display:none;"/></div>

js
Código Javascript:
Ver original
  1. <script src="js/jquery-latest.js" type="text/javascript"></script>
  2. <script src="js/jquery.form.js" type="text/javascript"></script>
  3.  
  4. <script>
  5. function selectAllOptions(selStr)
  6. {
  7. var selObj = document.getElementById(selStr);
  8. for (var i=0; i<selObj.options.length; i++) {
  9. selObj.options[i].selected = true;
  10. }
  11.  
  12. }
  13.  
  14. // esperamos que el DOM cargue
  15.         $(document).ready(function() {
  16.             // definimos las opciones del plugin AJAX FORM
  17.             var opciones= {
  18.                                beforeSubmit: mostrarLoader, //funcion que se ejecuta antes de enviar el form
  19.                                success: mostrarRespuesta, //funcion que se ejecuta una vez enviado el formulario
  20.                                
  21.             };
  22.              //asignamos el plugin ajaxForm al formulario y le pasamos las opciones
  23.             $('#estados').ajaxForm(opciones) ;
  24.            
  25.              //lugar donde defino las funciones que utilizo dentro de "opciones"
  26.              function mostrarLoader(){
  27.                       $("#loader_gif").fadeIn("slow");
  28.              };
  29.              function mostrarRespuesta (responseText){
  30.                            //alert("Mensaje enviado: "+responseText);
  31.                           $("#loader_gif").fadeOut("slow");
  32.                           $("#ajax_loader").append(responseText);
  33.              };
  34.    
  35.         });
  36.        
  37.  
  38. </script>

filtro_edo_login.php
Código PHP:
<?php

if(isset($_POST["view"])){

$edo=$_POST["view"];

echo 
$implode=implode("','",$edo);

}

?>

Etiquetas: ajax, javascript, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:33.