Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/12/2007, 06:20
Avatar de fakuramone
fakuramone
 
Fecha de Ingreso: noviembre-2007
Mensajes: 7
Antigüedad: 17 años, 4 meses
Puntos: 0
Habilitar OPTION's de SELECT en base a otro SELECT

Buenas gente

Estoy terminando lo que sería el formulario de checkout de la tienda cual estoy programando, pero se me complico la mano cuando necesite agregar javascripts ya que apenas hace 4 meses programo en php y de javascript se menos que poquito, (apenas tengo una teoría de como funciona).

Les cuento mi problema a ver si alguien me puede dar una mano.

En dicho formulario de checkout valga la redundancia llamado "checkout" tengo que crear una relación entre dos SELECT's. Uno de países y el otro de cargos de envío (shipping).
El tema es así: Los pedidos de la tienda se enviaran desde Estados Unidos osea que para el mismo país los tipos de envío van a ser "Estándar" y "Premium", y para el resto del mundo "Internacional".En simples palabras, lo que necesito hacer es que mientras no se seleccione pais en el FORM, el SELECT de cargos de envío quede DISABLED y SELECTED en "Internacional" y asi y todo me pase la variable a través del FORM, y en el caso de que se seleccione Estados Unidos, se habilite el SELECT con los OPTION de "Estándar" y "Premium" pero "Internacional" no.

Código HTML:
<form name="checkout" action="validar.php" method="post">
<p>País:</p>
<p>
	<select name="country" id="country" onChange="cambiaShip(this.value)">
		<option value="0" selected>Seleccione su pa&iacute;s</option>
        <option value="US">United States</option>
        <option value="UY">Uruguay</option>
	</select>
</p>
<p>Tipo de envío:</p>
<p>
	<select name="shipping_type" onChange="location.href='index.php?checkout&shp_type='+this.options[this.selectedIndex].value;" disabled="disabled">
        <option value="1">Estandard</option>
        <option value="2">Premium</option>
        <option value="3" selected="selected">Internacional</option>
	</select>
</p>
</form> 
Esto es lo único que pude lograr:

Código HTML:
<script language="JavaScript">
function cambiaShip(valor){
	if (valor=="US"){
	document.checkout.shipping_type.disabled=false;
	document.checkout.shipping_type.selectedIndex=0;
	}else{
	document.checkout.shipping_type.disabled=true;
	document.checkout.shipping_type.selectedIndex=3;
	}
}
</script> 
Pero al SUBMIT del FORM no me envía la variable ¿Esto es por estar DISABLED?

No se si me explique bien, cualquier cosa a las ordenes.
Espero ancioso una respuesta!!!!
AYUDAAAAAAAAAAAAAA!!!!

Última edición por fakuramone; 05/12/2007 a las 06:25 Razón: Horrores de ortografía