como capturar datos de un formulario

[severicks]

Hola.
A ver si alguien me puede ayudare. Estoy creando y necesito capturar los datos de un formulario y despues agregarlos a un link para que los procese un php.

Me parece que esto es algo simple pero yo no se casi nada de js. Alguien me podria ayudar con esto?

por ejemplo si tengo este codigo:

Código HTML:

<form action="index.php" method="get">
<p>Talla: <select name="<?php echo htmlentities("tamaño"); ?>">
	<option value="14">14</option>
	<option value="16">16</option>
	<option value="18">18</option>
	<option value="20">20</option>
	<option value="22">22</option>
   	<option value="24">24</option>
    </select>
</p>
<p>Cantidad: <input name="cant" type="text" value="1" size="1" maxlength="2" /></p>
<input name="code" type="hidden" value="<?php echo $_GET['code'];?>" />
<a href="pedido.php?"></a>
</form> 

Como puedo hacer para que los datos de ambos campos aparescan en el link despues del "?"

[maycolalvarez]

si lo que necesitas es enviar los datos del formulario por la URL (método GET), simplemente cambia el method="GET":

<form id="miform" method="GET" action="pedido.php"...>

y en el link:

<a href="#" onclick="document.getElementById('miform').submit();">enviar</a>

NOTA: es recomendable el envió por POST debido a que en la mayoría de los navegadores el tamaño de la URL se limita a 512bytes

[severicks]

no logro que me mande las variables ya sea con get o con post este es el codigo que tengo:

Código HTML:

<form action="index.php" method="get" id="miform">
<p>Talla: <select name="<?php echo htmlentities("tamaño"); ?>">
	<option value="14">14</option>
	<option value="16">16</option>
	<option value="18">18</option>
	<option value="20">20</option>
	<option value="22">22</option>
   	<option value="24">24</option>
    </select>
</p>
<p>Cantidad: <input name="cant" type="text" value="1" size="1" maxlength="2" /></p>
<input name="code" type="hidden" value="<?php echo $_GET['code'];?>" />
<a href="pedido.php" target="_parent" onclick="document.getElementById('miform').submit();">enviar</a>
</form> 

El codigo lo tengo dentro de una ventana modal de thickbox no si eso impida que se pasen las variables

[Adler]

Hola

Hay varias cosas que chirrían. Por ejemplo ¿donde quieres enviar esos valores a index.php o pedido.php?

Suerte

[severicks]

es a pedido.php

Código HTML:

<form action="pedido.php" method="get" id="miform">
<p>Talla: <select name="<?php echo htmlentities("tamaño"); ?>">
	<option value="14">14</option>
	<option value="16">16</option>
	<option value="18">18</option>
	<option value="20">20</option>
	<option value="22">22</option>
   	<option value="24">24</option>
    </select>
</p>
<p>Cantidad: <input name="cant" type="text" value="1" size="1" maxlength="2" /></p>
<input name="code" type="hidden" value="<?php echo $_GET['code'];?>" />
<a href="pedido.php" target="_parent" onclick="document.getElementById('miform').submit();">enviar</a>
</form> 

pero no importa a que pagina la mande, el detalle es que no manda las variables por GET, es decir no aparecen en la barra de direcciones

[Adler]

Hola

Prueba así

Código HTML:

<form action="pedido.php" method="get" id="miform">
<p>Talla: <select name="<?php echo htmlentities("tama&#241;o"); ?>" onchange="funcion(this.value,1);">
    <option value="14">14</option>
    <option value="16">16</option>
    <option value="18">18</option>
    <option value="20">20</option>
    <option value="22">22</option>
    <option value="24">24</option>
    </select>
</p>
<p>Cantidad: <input name="cant" type="text" value="1" size="1" maxlength="2" onkeyup="funcion(this.value,2);"/></p>
<input name="code" type="hidden" value="<?php echo $_GET['code'];?>" />
<a href="#" id="vink">Link</a>
 

Código Javascript:

arr = new Array()
function funcion(val, c) {
if (c == 1) arr[0] = val;
if (c == 2) arr[1] = val;
 
url = ((arr[0] == undefined) || (arr[1] == undefined)) ?  '#' : 'pedido.php?tamano='+arr[0]+'&cantidad='+arr[1];
document.getElementById('vink').href=url;
}
 

Suerte

[severicks]

Bueno, con eso si se pudo mandar las variables pero me da un error, por que las variables solo se pasan si el formario cambia, sise dejan los valores sin cambio mas alla de no manda las variables ni siquiera funciona el link. como puedo solucionar eso?

[severicks]

Iniciado por Adler

Hola

Prueba así

Código HTML:

<form action="pedido.php" method="get" id="miform">
<p>Talla: <select name="<?php echo htmlentities("tamaño"); ?>" onchange="funcion(this.value,1);">
    <option value="14">14</option>
    <option value="16">16</option>
    <option value="18">18</option>
    <option value="20">20</option>
    <option value="22">22</option>
    <option value="24">24</option>
    </select>
</p>
<p>Cantidad: <input name="cant" type="text" value="1" size="1" maxlength="2" onkeyup="funcion(this.value,2);"/></p>
<input name="code" type="hidden" value="<?php echo $_GET['code'];?>" />
<a href="#" id="vink">Link</a>
 

Código Javascript:

arr = new Array()
function funcion(val, c) {
if (c == 1) arr[0] = val;
if (c == 2) arr[1] = val;
 
url = ((arr[0] == undefined) || (arr[1] == undefined)) ?  '#' : 'pedido.php?tamano='+arr[0]+'&cantidad='+arr[1];
document.getElementById('vink').href=url;
}
 

Suerte

Como puedo hacer para que si el usuario no toca el formulario aparezcan los datos que por defecto tiene el formulario??

[Adler]

Hola

Ponle una id a cada campo. Y ahora el js, quedaría algo como esto

Código Javascript:

arr = new Array()
function funcion(val, c) {
if (c == 0 && val == 'undefined') arr[0] = document.getElementById('tamano').value; arr[1] = document.getElementById('cant').value; 
if (c == 1) arr[0] = val;
if (c == 2) arr[1] = val;
 
url = ((arr[0] == undefined) || (arr[1] == undefined)) ?  '#' : 'pedido.php?tamano='+arr[0]+'&cantidad='+arr[1];
document.getElementById('vink').href=url;
}
 
window.onload = function() {funcion('undefined', 0);};
 

Suerte