Obliga a doble click en lugar de 1

[sjam7]

Hola, soy muy nuevo en esto del increible jQuery y estoy haciendo un form con un select que al seleccionar una opcion debe generar una accion que esta en el siguiente script

Código Javascript:

<script>
    $("#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>
 

El asunto es que debo hacer doble click para que funcione o darle 2 veces al boton, cuando quisiera que fuera al primero

El form es este resumido:

Código HTML:

<form action="javascript:void(0)" name="info">
 
<select name="origen" id="origen">
     <option value="">- Selecciona -</option>
     <option value="1">Opcion1</option>
     <option value="2">Opcion2</option>
</select>
</form>
 

[doylelives]

Click sobre quien?
En el js llamas a un elemento origen_Sel, pero en el html es origen?
No te conviene usar onchange para llamar a ese code js?

[sjam7]

perdon, es orgen_Sel solo que al pegar aqui y al resumirlo lo quite pero el nombre esta bien, no es el problema... creo

[doylelives]

#boton es un elemento <button>?
Tampoco entiendo porque dentro del if bindeas de nuevo al #boton una nueva funcionalidad, porque el animate lo estas bindeando al #boton, no le indicas que ejecuta tal metodo.
Explicame los pasos que hace el usuario, y que resultados esperas, desde el lado de la interfaz.

[livemusic]

Amigo y el ::

- $(document).ready(function() ??

oe el ....

- $(function() ??

no veo que lo hallas puesto.

[sjam7]

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:

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

<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();">
    <option value="">- Selecciona -</option>
    <option value="1">Opcion 1</option>
    <option value="2">Opcion 2</option>
    <option value="3">Opcion 3</option>
</select><br />
 

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