Javascript - Tomar valores de variables, añadirlos a url y redireccionar

farenheit · #1 (**permalink**) 10/10/2012, 18:06

Actualmente tengo el siguiente código en javascript, algo que como verán es muy simple, mediante el cual la persona elije un tipo de plan, y dependiendo del plan, muestra una lista de precios. Pueden chequear a lo que me refiero acá [URL="http://jsfiddle.net/QaKvY/"]http://jsfiddle.net/QaKvY/[/URL]

Código Javascript:

Ver original<html>
<body>
<form name="f1">
<div>
    <select name="plan_name" style="font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-top:8px" onchange="change_selection()">
     <option value="0" selected>Seleccionar</option>
     <option value="1">Basico</option>
     <option value="2">Avanzado</option>
    </select>
</div>
<div>
    <select name="plan_price" style="font-family:Arial, Helvetica, sans-serif; font-size:16px;margin-top:8px">
     <option value="-">-</option>
    </select>
</div>
    <div class="GameServerBuy">
     <a href="javascript:;" onmousedown="toggleDiv('BuyGameServer');"><img src=".././images/btn_compra.png" border="0" /></a>
    </div>
</form>
                                
<script language="javascript" type="text/javascript">
var slots_1=new Array("10 $10/mes","11 $67.54/mes","12 $73.68/mes")
var slots_2=new Array("10 $52/mes","11 $57.97/mes","12 $63.24/mes")
 
function change_selection(){
var plan_name
plan_name = document.f1.plan_name[document.f1.plan_name.selectedIndex].value
    if (plan_name != 0) {
     plan_selected=eval("slots_" + plan_name)
     plan_level = plan_selected.length
     document.f1.plan_price.length = plan_level
        for(i=0;i<plan_level;i++){
         document.f1.plan_price.options[i].value=plan_selected[i]
         document.f1.plan_price.options[i].text=plan_selected[i]
        }
    }else{
     document.f1.plan_price.length = 1
     document.f1.plan_price.options[0].value = "-"
     document.f1.plan_price.options[0].text = "-"
    }
 document.f1.plan_price.options[0].selected = true
}                                       
</script>                                                 
</body>
</html>

Lo que necesitaría es que, tome el valor asignandole una variable para luego, al hacer clic en "comprar", me redireccione a una url del tipo www.dominio.com/carro.php?idproducto=1&&idcantidad=10

Donde el ID del Producto 1 equivale a "Basico" y Cantidad a "10 $10/mes"

Desde ya muchas gracias y escucho cualquier otra alternativa que me ayude a solucionarlo.

zerokilled · #2 (**permalink**) 10/10/2012, 21:13

¡buenas y bienvenido!

no entiendo por qué te complicas la vida. considerando que tienes un formulario, lo más adecuado sería enviar los datos con un submit. en todo caso, simplemente captura los datos de los controles y luego haces una redirección componiendo la URL con los datos. el cómo obtener los datos supongo que ya lo sabes hacer porque en el mismo script tienes un ejemplo. es cuestión de formar un string tal que url?variable=valor&variable=valor...

farenheit · #3 (**permalink**) 11/10/2012, 15:28

Muchas gracias por responder.

Te explico mi situación. Sucede que este sería un formulario simple donde el cliente hace una consulta rápida de precios y planes desde el sitio, luego, si desea contratar el servicio, al pulsar en "contratar", se redirecciona hacia whmcs y por medio de la url se cargarían algunos datos báscios de las "configuraciones adicionales" del producto. Es por ello que es complicado. En java estoy bastante fuera de serie, el código anterior lo arme en base a lo que se y buscando en google, pero en esta instancia me veo complicado.

Podrías darme una mano en crear el código para tal fin? Nuevamente te agradesco.

farenheit · #4 (**permalink**) 14/10/2012, 09:02

Nadie me puede ayudar?

farenheit · #5 (**permalink**) 15/10/2012, 13:18

Finalmente lo resolví, googleando mucho.