[SOLUCIONADO] seleccion por boton, desicion y aplicacion estilo

[ignacio85r]

buenas gente.
estoy comenzando con Jquery... tengo un problema: al presionar un boton no logro mostrar el formulario en la pantalla...

en que le estoy haciendo mal??

este esl el codigo

Código Javascript:

$(document).ready(function(muestraformulario){
$("#form1").css("display","none");
$("#form2").css("display","none");
 
$('#emision').bind('change', function (e) {
 
if( $('#emision').val() == "1") {
$('#form1').show();
$('#nombre').prop('required',true);
//$('#destino').prop('required',true);
}
else if( $('#emision').val() == '2') {
$('#form2').show();
//$('#destino').prop('required',false);
$('#metros2').prop('required',false);
};
});
});
 

Código HTML:

 <button id="emision" value="1">Emision</button>
  <button class="cotizacion" value="2">Cotizacion</button>
  
  <div id="form1">
	  <form action="1.php">
		<div>
			<label for="">Nombre</label>
			<input type="text" />
		</div>
		<div>
			<label for="">año</label>
			<input type="date" />
		</div>
		<div>
			<label for="">valor</label>
			<input type="number" />
		</div>
		<div>
		<input type="submit" value="Cotizar" />
		</div>
	  </form>
  </div> 

desde ya gracias!!

[ignacio85r]

mmm nop funciono...

actualmente esta si...

Código Jquery:

$(document).ready(function(muestraformulario){
$("#form1").css("display","none");
$("#form2").css("display","none");
 
if($(this).val()==1){
$("#form1").css("display","block");
}
});
 

[PHPeros]

¿Qué sentido tiene asignar el evento change a un button?

[ignacio85r]

no, deberia ser asignado al id del formulario para que lo muestre u oculte. el boton es boton...
solo que no me doy cuenta como armar el codigo. :(

[stevens82]

Código Javascript:

$(document).ready(function(){
    $("#form1").css("display","none");
 
    $("#emision").on("click", function(){
        
        $("#form1").css("display","block");
    });
    
});
 

[ignacio85r]

genial. me puedes explicar que hiciste o donde estaba mi error????? gracias!!

[elmouse19]

Que en tu codigo original no estabas capturando ningun click.

Código Javascript:

$('#emision').bind('change', function (e) {
 

Estabas capturando el evento change.

En cambio en el codigo que te paso stevens82:

Código Javascript:

$("#emision").on("click", function(){
 

Si se captura el click.

[ignacio85r]

si je ya me habia dado cuenta y lo correji!.
gracias por tu respuesta elmouse19!!

[elmouse19]

Por nada. Saludos.