[SOLUCIONADO] envio de informacion

[luissquadrito]

Hola amigos necesito de su ayuda he intentado todo y no puedo dar con la solucion a mi problema. El tema es el siguiente tengo el siguiente codigo

Código HTML:

<div class="row">
         <div class="col-md-3">
             <h3>Cantidad</h3><br/>
             <select name="cantidad" id="cantidad">
                 <option>1</option>
                 <option>2</option>
                 <option>3</option>
                 <option>4</option>
                 <option>5</option>
             </select>
         </div>
         <div class="col-md-3">
             <h3>Tipo</h3> <br/>
             <select name="tipo" id="tipo">
                 <option>Caja</option>
                 <option>Maleta</option>
                 <option>Bolso</option>
                 <option>Mochila</option>
                 <option>Palet</option>
             </select>
         </div>
         <div class="col-md-3">
             <h3>Contenido</h3><br/>
             <select name="contenido" id="contenido">
                 <option>Cigarrillos</option>
                 <option>Licor</option>
                 <option>Ropa</option>
                 <option>Alimentos</option>
                 <option>Repuestos</option>
             </select>
         </div>
         <div class="col-md-3">
             <h3>Descripcion</h3> <br/>
             <textarea name="descripcion" id="descripcion" rows="2"></textarea>
         </div>
         <div class="col-md-12">
              <center><a href="GuardarMercancia.php" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-plus"></span> Agregar</a></center><br>
         </div> 

lo que quiero hacer es pasar las variables de Cantidad, tipo, Contenido y descripcion mediante url para despues manejarlo del otro lado con GET lo cual esto ultimo no tengo problema pero si al pasar las variables segun la que el usuario seleccione y escriba respectivamente

quedo atento a sus comentarios, de ante mano muchas gracias

[Alexis88]

Si lo que deseas es enviar los valores de los elementos mediante el método GET, solo necesitas utilizar un formulario cuyo atributo action apunte a la ruta especificada en el enlace. Opcionalmente, puedes establecer el valor "get" para el atributo method, aunque dicho valor se establece por defecto.

Código HTML:

<form action="ejemplo.php" method="get">
    Elemento 1: <input type="text" name="foo" />
    Elemento 2: <textarea name="bar"></textarea>
    Elemento 3: <select name="bin">...</select>
 
    <input type="submit" />
</form>
 

Por si deseas persistir con el uso del enlace, lo cual semánticamente no es correcto ya que intentas enviar valores de elementos de formulario sin utilizar un formulario, tendrías que cancelar la acción natural del enlace al momento de pulsarlo, es decir, el redireccionamiento, para lo cual puedes utilizar el método .preventDefault(), luego, leerías los valores de cada elemento y los adherirías a la ruta especificada en el enlace mediante el atributo href.

[luissquadrito]

Iniciado por Alexis88

.preventDefault(), luego, leerías los valores de cada elemento y los adherirías a la ruta especificada en el enlace mediante el atributo href.

entiendo todo lo que me dices pero necesito enviarlo de esa forma por que ya tengo un form dentro de la misma pagina y esto se debe enviar por separado, consulta y como lo hago para adherir esos elementos a la ruta?

[xfxstudios]

deberias de cancelar el href del enlace y pasar la tarea a una funcion, que tome los valores, arle la url y redireccione a esta:

Enlace

Código HTML:

<center><a href="#" onClick="url()" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-plus"></span> Agregar</a></center><br>
 

Funcion:

Código Javascript:

function url(){
    var valor1 = $("#select1").val();
    var valor2 = $("#select2").val();
    var valor3 = $("#select3").val();
 
    var valores = '?';
      if(valor1!='seleccione'){
        valores += 'valor1='+valor1;
      }
      if(valor2!='seleccione'){
        valores += '&valor1='+valor2;
      }
      if(valor3!='seleccione'){
        valores += '&valor1='+valor3;
      }
 
    var url = 'GuardarMercancia.php'+valores;
 
    window.location.href=url;
 
   }
 

Otra opcion es usar ajax.

prueba a ver

[Alexis88]

Iniciado por luissquadrito

entiendo todo lo que me dices pero necesito enviarlo de esa forma por que ya tengo un form dentro de la misma pagina y esto se debe enviar por separado [...]

Puedes tener todos los formularios que necesites en un mismo documento; en ese sentido, no existe una regla que lo impida.

Iniciado por luissquadrito

[...] y como lo hago para adherir esos elementos a la ruta?

Como te dije en mi anterior respuesta, tendrías que cancelar el comportamiento natural del enlace luego de pulsarlo, es decir, detener el redireccionamiento, para lo cual debes utilizar el método .preventDefault(); luego, captura los valores de los elementos en cuestión, para lo cual puedes acceder a ellos de la siguiente forma:

Código Javascript:

var valorX = document.querySelector("#id del elemento").value;
 

Y, finalmente, los adherirías a la ruta en cuestión como una cadena de consulta:

Código Javascript:

var ruta = "ejemplo.php?variableX=" + valorX + "&variableY=" + valorY;
 

Para luego realizar la redirección:

Código Javascript:

location = ruta;
 

De cualquier forma, la opción de usar un formulario no solo es la más rápida y fácil, sino que además es la correcta desde un punto de vista semántico.