[SOLUCIONADO] Asignar Función a un Boton con Select

BlackJccl1 · #1 (**permalink**) 05/10/2015, 14:45

Hola a todos Como están verán no se alguien por aquí ha hecho algo similar.
Como asignar una función según lo que se seleccione en el Select en mi html tengo algo asi

Código HTML:

Ver original<div class="form-group">
                  <select id="seccion" class="form-control">
                    <option value="cliente">Clientes</option>
                    <option value="contactos">Contactos</option>
                  </select>
                </div>
// Este es mi Botton que por ahora tiene una funcion pero quiero que cambie según lo que se seleccione en el Select
                  <input onclick="buscar_empresa()" value="Buscar" type="button" class="btn btn-primary buscar"/>

Graciassss

sintel_1 · #2 (**permalink**) 06/10/2015, 02:29

Hola.

Ya que estas usando jquery yo quitaria el onclick del boton y capturaria el evento con jquery, algo asi:

Código:

<!doctype html>
<html>
<head>
<title>titulo</title> 
<script src="js/jquery-1.11.3.min.js"></script>  
<script> 
   
  $(document).ready(function(){
	$('#btn_empresa').on('click',function(){
	var seleccionado = $("#seccion option:selected").val();
	if (seleccionado == "cliente"){ 
		fn_cliente();
		  } else if  (seleccionado == "contactos") {
		  fn_contactos();
		  };
	});  
	function fn_cliente(){
	// codigo aqui
	alert ("has elegido : cliente" );
	return;
	}
	function fn_contactos(){
	// codigo aqui
	alert ("has elegido : contactos" );
	return;
	}
});  
</script> 
</head>

<body>
    <div class="form-group">
       <select id="seccion" class="form-control">
       <option value="cliente">Clientes</option>
       <option value="contactos">Contactos</option>
       </select>
     </div>
     <input id="btn_empresa" value="Buscar" type="button" class="btn btn-primary buscar"/>

</body>
</html>

Saludos.

BlackJccl1 · #3 (**permalink**) 06/10/2015, 14:20

Hola vi tu respuesta y al final lo hice algo asi

Código Javascript:

Ver original$(document).ready(function(){
  $("#buscartotal").click(function(){
    var b_seleccionar = $("#b_seccion option:selected").val();
    if (b_seleccionar == "option") {
      alert("Seleccione");
      b_seleccionar = $("#b_seccion").focus();
    }else if(b_seleccionar == "bcliente") {
      buscar_empresa();
    }else if(b_seleccionar == "bcontactos"){
      buscar_contacto();
    }
  })
});

Muchas Graciassss Me ayudo muchisimo

por cierto al final mi html lo deje asi

Código HTML:

Ver original<select id="b_seccion" class="form-control">
                    <option value="option">Seleccione Seccion</option>
                    <option value="bcliente" id="clientes">Clientes</option>
                    <option value="bcontactos" id="contactos">Contactos</option>
                  </select>

sintel_1 · #4 (**permalink**) 07/10/2015, 02:32

Hola.

Yo lo que haria es cambiar la linea :

b_seleccionar = $("#b_seccion").focus();

por:

$("#b_seccion").focus();

si lo que quieres es poner el foco de nuevo en ese elemento del formulario.

pero si te funciona bien esta bien

saludos.