Me devuelve [object Object]

[septiniosevero]

Hola a todos:

Estaba enredando con las listas de http://www.miguelmanchego.com/2009/i...listas-jquery/.

Hacer que se cambien los item de una a otra no ha sido problema. El problema viene al tratar de pasar los resultados al campo oculto id="“imagenesGaleria” para después pasarlo a otra página y grabarlo en la BD.

Lo trato de hacer con:
document.getElementById(‘imagenesGaleria’).value=$ lista2;

Pero no hay manera de que me dé algo que no sea [object Object] . Ni que lo ponga al principio, ni al final, ni en un onSubmit, ni en ninguna de las funciones.

Por favor ¿qué hago mal?

[septiniosevero]

Como veo que mucha gente lo ha visto y nadie ha respondido quizá sea por el código. Lo adjunto:

<script language="javascript" src="js/jquery-1.3.1.min.js"></script>
<script language="javascript" src="js/jquery-ui-personalized-1.6rc6.min.js"></script>
<script language="javascript">
$(document).ready(function(){
// para ahorrar un poco de espacio voy a definir a las listas como variables
var $lista1 = $('#lista1'), $lista2 = $('#lista2');
// Activo draggable a la primera lista
$('li',$lista1).draggable({
revert: 'invalid',
helper: 'clone',
cursor: 'move'
});
// asigno droppable en la lista1 hacia la lista2
$lista1.droppable({
accept: '#lista2 li',
drop: function(ev, ui) {
// Al hacer drop se borra el elemento
deleteLista2(ui.draggable);
}
});
// Asigno draggable a la lista2
$('li',$lista2).draggable({
revert: 'invalid',
helper: 'clone',
cursor: 'move'
});
// Genero droppable para la segunda lista
$lista2.droppable({
accept: '#lista1 > li',
drop: function(ev, ui) {
deleteLista1(ui.draggable);
}
});
// Genero el borrado de items con el evento drop
function deleteLista1($item) {
$item.fadeOut(function() {
// Agrego el item dropeado y lo hago aparecer
$($item).appendTo($lista2).fadeIn();
});
$item.fadeIn();
}
function deleteLista2($item) {
$item.fadeOut(function() {
/// Agrego el item dropeado y lo hago aparecer
$item.appendTo($lista1).fadeIn();
});
}
});
</script>

La pregunta es ¿donde debo poner la sentencia para que cambie el campo hidden del formulario?

[Sirikon]

Ya que veo que usas jQuery... utilízalo también para añadirle los datos que quieras al hidden

Supongo que el hidden es un único valor llamado imagenesGalería

Código Javascript:

$("#imagenesGaleria").attr("value","Lo que quieras ponerle de value al hidden")
 

Pruébalo y cuéntanos cómo te fué

Saludos!

[septiniosevero]

En primer lugar. Muchas, pero que muchas gracias. No sé si soy muy impaciente, pero siempre pienso que nadie me contestará.

Respecto a la solución que me das sigue dando el mismo resultado [object Object]

Por lo visto el problema no estiba tanto en la forma de pasar los valores, sino en dar con los valores correctos o algo así.

Gracias también por la pista. Miraré a ver que tiene jQuery para estos casos.

[septiniosevero]

Sirikon, he seguido tu pista y he mirado algo de documentación para pasar valores a formularios con jQuery. He visto que en muchos añaden el .val() a la variable.

Lo he puesto en tu código, ahora por lo menos sale vacío. Menos es nada

Tengo que seguir probando por esa línea.

[Sirikon]

Me alegro de que te esté sirviendo ^^

Por cierto, si lo que quieres es almacenar un valor de texto, igual en vez de utilizar un input hidden (o al menos creo que es eso lo que estás utilizando) igual te resulta más sencillo hacer un <div id='imagenesGaleria'></div> el cual en la hoja de estilos tenga display:none; entonces no aparecerá visualmente pero podras acceder y modificar su contenido.

De esa forma el codigo seria:

Código Javascript:

$("#imagenesGaleria").text("Valor que quieras darle") // Para introducir nuevo contenido
$("#imagenesGaleria").text() // Para obtener el contenido actual
 

[septiniosevero]

Gracias, pero sigo chocando con el mismo problema ¿cómo sacar los valores almacenados en $lista2?

Un saludo