mira, la idea es que el script despliegue un DIV oculto si se selecciona una opcion del SELECT diferente a la primera que viene con value vacio, es decir:
<option value="">-Selecciona una opcion</select>
Y el Script lo tengo asi:
Código Javascript
:
Ver original<button id="boton" class="boton_cotizador">SIGUIENTE</button>
<script>
function borraSel(){
var sel=document.getElementById("origen_Sel").options[0].value;
if ( sel==''){
document.getElementById("origen_Sel").options[0] = null;
}
}
$("#boton").click(function() {
if ($("select:#origen_Sel").val() != "") {
$("#boton").click(function(){
$( "#tabla_pesos" ).animate({ "width": "show", "opacity": "show", width: "100%", "easing": "easein" }, 300 )
});
}
else{
$("#error_caja").text("Selecciona un origen").show().fadeOut(2000);
document.getElementById("origen").className="caja_cotizadorsB";
}
return false;
});
</script>
Y el Select asi:
Código HTML:
Ver original<select name="origen_sel" id="origen_Sel" onchange="htmlData('cambia.asp','destino','en=1&or='+this.value),htmlData2('cambia.asp','resultado_cotizador','en=1000'),borraSel();">
RESUMEN:
Se despiega un Doble Select que al cambiar el primero se actualiza el segundo con Ajax y al mismo tiempo se borra la opcion del select vacia de -Selecciona-
Y al hacer click en el BUTTON SIGUIENTE se despliega el DIV oculto usando jQuery
El problema (nada grave) es que se debe hacer 2 veces click en el boton para que se realice la accion de mostrar el DIV #tabla_pesos
Se puso un IF para que si no se ha seleccionado una opcion en el select no se muestre la tabla y se marque el campo select cambiando el nombre de la clase usada