Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="pt-br en">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />
- <style>
- .container{
- width:300px;
- margin: 15px auto;
- }
- #this-multiselect .btn-group,
- #this-multiselect .btn-group > .btn {
- width: 100%;
- text-align: left;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <form action="" method="POST" id="this-multiselect" enctype="application/x-www-form-urlencoded">
- <div class="form-group">
- <label for="empresas">Escolha empresa: </label>
- <select name="empresas[]" id="empresas" class="form-control" multiple="multiple" required></select>
- </div>
- <div class="form-group">
- <label for="locals">Escolha local: </label>
- <select name="locals[]" id="locals" class="form-control" multiple="multiple"></select>
- </div>
- <div class="form-group">
- <label for="locals">Escolha serviço: </label>
- <select name="servicos[]" id="servicos" class="form-control" multiple="multiple"></select>
- </div>
- <div class="form-group">
- <label for="pesquisadores">Escolha local: </label>
- <select name="pesquisadores[]" id="pesquisadores" class="form-control" multiple="multiple"></select>
- </div>
- <div class="form-group">
- <input type="submit" class="btn btn-primary btn-block" value="Pesquisar" />
- </div>
- </form>
- </div>
- <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.min.js"></script>
- <script>
- scripts
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment