Ver Mensaje Individual
  #2 (permalink)  
Antiguo 16/02/2014, 03:27
cesa_r
 
Fecha de Ingreso: julio-2013
Mensajes: 158
Antigüedad: 11 años, 5 meses
Puntos: 6
Respuesta: obtener valor de varios li de ul con jquery

haber, haber primero ya tienes el codigo que hace los sorteables? si ya lo tienes y solo quieres recoger los valores del menu visibles para luego enviarlos por parametros a un archivo el cual trabajara con ellos aqui una idea.

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.  $ = jQuery.noConflict();  
  3.      var guardar = document.getElementById("guardar"),
  4.            campo_nombre = document.getElementById("campo_nombre"),
  5.            campo_contacto = document.getElementById("campo_contacto"),
  6.            campo_fecha = document.getElementById("campo_fecha");
  7.  
  8.      $(document).on('click', guardar, function() { //Cuando haga click en guardar
  9.      
  10.          var valor_nombre = campo_nombre.text(),
  11.                valor_contacto = campo_contacto.text(),
  12.                valor_fecha = campo_fecha.text(); //Recoje el texto de cada div           
  13.          
  14.          var dataString = 'nombre='+valor_nombre+'&contacto='+valor_contacto+'&fecha='+valor_fecha; //almacenamos los parametros a enviar
  15.          
  16.          $.ajax({
  17.              type: "GET", //El tipo (GET o POST)
  18.              url:'archivo.php', //el archivo al cual pasaras los parametros para guardar los valores
  19.              data: dataString, //los parametros
  20.              success: function (response) {
  21.              //lo que quieras
  22.              }
  23.          })
  24.        
  25.      });
  26. });

Código HTML:
Ver original
  1. <ul id="ocultos" class="connectedSortable">
  2. <li class="ui-state-default">id</li>
  3. <li class="ui-state-default">telefono</li>
  4. </ul>
  5.  
  6. <ul id="visibles" class="connectedSortable">
  7. <li class="ui-state-highlight" id="campo_nombre">nombre_cliente</li>
  8. <li class="ui-state-highlight" id="campo_contacto">contacto</li>
  9. <li class="ui-state-highlight" id="campo_fecha">fecha_alta</li>
  10. </ul>
  11.  
  12. <button id="guardar"></button>