Enviar valor por href post, múltiples href

[Chmlls]

Buenas,
Tengo una página que muestra imágenes de avatar según el sexo y continente del usuario con un switch en php.

El usuario puede elegir una imagen según sus atributos, actualmente son enlaces con imagen y un parámetro con la id de la imagen enviada por método _GET que lo recoge y opera otra página php.

Ahora quiero que al seleccionar la imagen preferida se envíe por método post ( por <a href...) para así evitar que el usuario modifique el valor de ese parámetro via método _GET

Hasta ahora he conseguido lo siguiente:

Código javascript:

function elegirskin(idskin)
    {
        alert(idskin); // me muestra el valor deseado seleccionado por <a href
 
                // ¿donde pongo el valor a enviar con el nombre skinelegido para recoger por _POST en el index.php?
        document.forms["formavatar"].submit(); // envía el formulario y me envía al index.php correctamente
    }
 

Código HTML:

<form method="post" id="formavatar" action="index.php">
        // switch(sexo y raza)
        // abrimos divs
                // mostramos imágenes dependiendo de su sexo y continente
 
        <a href="javascript: elegirskin(101)">imagen</a>
                // el alert que uso mas arriba me muestra correctamente el valor del h ref
        <a href="javascript: elegirskin(102)">imagen</a>
        <a href="javascript: elegirskin(103)">imagen</a>
        
        // cerrando divs
        // cerrando switchs
    </form>
 

¿cómo paso el valor obtenido en el <a href... al envío del form?
¿donde puedo consultar documentación específica acerca de esto?

Saludos

[zerokilled]

la forma correcta es utilizando campos de formularios (radio, checkbox, select, text, etc.). utilizando enlaces simplemente haces las cosas mas complicadas. si aun asi insistes, crea un campo oculto. en la funcion, toma la referencia de dicho campo y ahi escribes el valor seleccionado por el usuario.

[Chmlls]

Iniciado por zerokilled

la forma correcta es utilizando campos de formularios (radio, checkbox, select, text, etc.). utilizando enlaces simplemente haces las cosas mas complicadas. si aun asi insistes, crea un campo oculto. en la funcion, toma la referencia de dicho campo y ahi escribes el valor seleccionado por el usuario.

Con el campo oculto debería crear un form por cada imagen, ¿no?
Si es no, ¿como indico cual campo o valor debe enviar?

Son bastantes imágenes.



Con el campo oculto había probado y funcionaba correctamente.

Gracias!

[zerokilled]

no! en tal caso seria una solucion ridicula. no tienes que indicar cual campo enviar porque el propio navegador sabe que informacion enviar segun lo seleccionado por el usuario. esto si fueras a tener varios campos. si fueras a usar solo el campo oculto, igual el navegador sabe como enviarlo. lo unico que tendrias que concentrarte es en asignarle el valor al campo. no debe serte nada complicado porque ese valor ya lo estas indicando en cada invocacion de la funcion. es cuestion de solo asignar el valor al campo.

por lo visto estas bien verde en el tema de los formularios. por lo cual te recomiendo que repases tus materiales de html, especificamente las secciones que discuten los formularios. sino, en la web encuentras mucho material.

[Chmlls]

Iniciado por zerokilled

no! en tal caso seria una solucion ridicula. no tienes que indicar cual campo enviar porque el propio navegador sabe que informacion enviar segun lo seleccionado por el usuario. esto si fueras a tener varios campos. si fueras a usar solo el campo oculto, igual el navegador sabe como enviarlo. lo unico que tendrias que concentrarte es en asignarle el valor al campo. no debe serte nada complicado porque ese valor ya lo estas indicando en cada invocacion de la funcion. es cuestion de solo asignar el valor al campo.

por lo visto estas bien verde en el tema de los formularios. por lo cual te recomiendo que repases tus materiales de html, especificamente las secciones que discuten los formularios. sino, en la web encuentras mucho material.

Entiendo, osea que tengo que asignar el valor recogido por el enlace al campo oculto en function elegirskin(idskin)

Código Javascript:

function elegirskin(idskin)
{
       alert(idskin);
       // asignar valor idskin al input name="idskin"
       document.forms["formavatar"].submit(); // enviarl formulario
}
 

Código HTML:

<form method="post" id="myform" action="index.php">
        <<input type="hidden" name="idskin" value="???">
        <a href="javascript: elegirskin(101)">imagen</a>
        <a href="javascript: elegirskin(102)">imagen</a>
        <a href="javascript: elegirskin(103)">imagen</a>
 

Tengo muy poca experiencia con js y no sé como asignar el valor recogido en la función al campo oculto, ¿alguna orientación?

Gracias de nuevo

[zerokilled]

material de orientacion para trabajar con formularios desde javascript... hay muchos en la red. este es uno que encontre http://www.desarrolloweb.com/manuales/50/ te aseguro que si lo lees, no solo obtendras la respuesta para tu duda, sino tambien para el futuro.

[Chmlls]

Iniciado por zerokilled

material de orientacion para trabajar con formularios desde javascript... hay muchos en la red. este es uno que encontre [url]http://www.desarrolloweb.com/manuales/50/[/url] te aseguro que si lo lees, no solo obtendras la respuesta para tu duda, sino tambien para el futuro.

Gracias por la info.