¿Cómo hacer que una página redirija usando JavaScript?

Question

Estoy haciendo un sitio web de centro comercial usando una solución de Yahoo. Tengo varias opciones para artículos y algunos artículos tienen un precio diferente dependiendo de las opciones.

Yahoo no es compatible con múltiples opciones de precio, y por lo tanto, trato de encontrar una solución para este problema. Una de mis ideas es hacer varias páginas y redirigir la página dependiendo de las opciones. Por ejemplo, si un cliente eligió el modelo A, la página permanecerá en la página A que muestra $ 1000. Si un cliente eligió el modelo B, la página se redirigirá a la página B, que muestra $ 500.

Ya he hecho las opciones dinámicas con JavaScript, pero quiero modificarlo para redirigir una página. Aquí está el enlace de mi página:

http://parseven.com/callaway_diabloedge_iron.html

En la página, hay opciones en el medio. Si un cliente eligió su mano, muestra opciones, "# 4 a través de AW", "Lob Wedge" y "Sand Wedge". Si un cliente eligió bien "Lob cuña" o "Sand Wedge', la página tiene que redirigir a una página que tiene un precio diferente

PS:.

estoy usando JavaScript para generar opciones que dependen de la . opción anterior el código es:

<script type="text/javascript" language="javascript"> 
    <!-- 
    document.write('<select name="Iron(s)" onChange="javascript:  listboxchange  (this.options[this.selectedIndex].value);"><option value="">Select Iron(s)</option></select>') 
    --> 
</script> 

Answer 1

Uso:

window.location = "http://my.url.here"; 

Aquí hay algo de código rápido-n-sucia que utiliza jQuery para hacer lo que quiera. Recomiendo usar jQuery. Hará las cosas mucho más fáciles para usted, especialmente dado que es nuevo en JavaScript.

<select id = "pricingOptions" name = "pricingOptions"> 
    <option value = "500">Option A</option> 
    <option value = "1000">Option B</option> 
</select> 

<script type = "text/javascript" language = "javascript"> 
    jQuery(document).ready(function() { 
     jQuery("#pricingOptions").change(function() { 
      if(this.options[this.selectedIndex].value == "500") { 
       window.location = "http://example.com/foo.php?option=500"; 
      } 
     }); 
    }); 
</script> 

Answer 2

uso:

document.location.href = "http://yoursite.com" + document.getElementById('somefield'); 

que obtendría el valor de algún campo de texto o campo oculto, y añadirlo a la URL de su sitio para obtener una nueva dirección URL (hr ef). Puede modificar esto para satisfacer sus necesidades.

Answer 3

Puede lograrlo utilizando el objeto location.

location.href = "http://someurl"; 

Answer 4

Puede anexar los valores en la cadena de consulta para ver y procesar la página siguiente. Se puede envolver dentro de las etiquetas de enlace:

<a href="your_page.php?var1=value1&var2=value2"> 

Separa cada uno de esos valores con el signo &.

O puede crear esto en un clic de botón como esto:

<input type="button" onclick="document.location.href = 'your_page.php?var1=value1&var2=value2';"> 

Answer 5

Usted puede llamar a una función de JavaScript y el uso window.location = 'url';:

http://www.pageresource.com/jscript/jredir.htm