Habilitar OPTION's de SELECT en base a otro SELECT

[fakuramone]

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!!!!

[jtv1972]

Que tal FAKURAMONE


mira te envio esta pagina es algo parecido a lo que tu buscas, viene ejemplo, teoria y muy entendible


mira aqui este el link

http://www.w3schools.com/js/tryit.as...ption_selected

o este

http://www.w3schools.com/js/tryit.as...option_settext

[fakuramone]

Bueno muchas gracias por el dato jtv1972
esta muy bueno ese editor online
pero lo que necesito es mas o menos una idea de como hacerlo por que se muy poco de javascript y estoy con el tiempo contado para entregar el proyecto.
AYUDAAAAAAAAAAAAAAAAAAA!!!!!

[gepd]

yo lo aría de ésta forma, dime si te funciona

Código PHP:

  <script language="JavaScript"> 
function cambiaShip(valor){ 
    if (valor=="US"){ 
    document.checkout.shipping_type.disabled=false; 
        document.checkout.shipping_type.length=2; 
        document.form.nombrecombo.options[0]=new Option("Estandard","1"); 
        document.form.nombrecombo.options[1]=new Option("Premium","2"); 
    }else{ 
    document.checkout.shipping_type.disabled=true; 
        document.country.focus(); 
    } 
} 
</script>  
  

[fakuramone]

Iniciado por gepd

yo lo aría de ésta forma, dime si te funciona

Código PHP:

  <script language="JavaScript"> 
function cambiaShip(valor){ 
    if (valor=="US"){ 
    document.checkout.shipping_type.disabled=false; 
        document.checkout.shipping_type.length=2; 
        document.form.nombrecombo.options[0]=new Option("Estandard","1"); 
        document.form.nombrecombo.options[1]=new Option("Premium","2"); 
    }else{ 
    document.checkout.shipping_type.disabled=true; 
        document.country.focus(); 
    } 
} 
</script>  
  

Bueno gepd
Muchas gracias por la ayuda!!
La verdad que funciona a la perfección!!
Pero ahora tengo una duda ¿como dejo los campos seleccionados al recargar la página?
Osea, el select de país y el de cargo de envío.
Y si el envío fuera "internacional" al estar DISABLED el select ¿puedo crear un input hidden para cargar la variable de envío?

Desde ya muchas gracias a todos por ayudarme!!!1

[gepd]

mm se me ocurre con cookie o con session, has una prueba y dinos si puedes hacerlo.