Tengo un pagina HTML, que debe permitirme el ingreso de información desde una modal, lo que necesito es que antes de lanzar la modal, el usuario debe seleccionar dos opciones de lo contrario no se iniciara. pongo el siguiente codigo como ejemplo: <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div> <select value=0> <option value=0 >seleccione</option> <option value=1>Volvo</option> <option value=2>Saab</option> <option value=3>Mercedes</option> <option value=4>Audi</option> </select> </div> <div> <select value=0> <option value=0 >seleccione</option> <option value=1>bueno</option> <option value=2>malo</option> <option value=3>regular</option> <option value=4>excelente</option> </select> </div> <div class="container"> <h2>Modal Example</h2> <!-- Trigger the modal with a button --> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <input type="number"/> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </body> </html>