Tenho esse código para confirmação de um formulário em uma modal do Bootstrap.
Como faço para pegar o nome que selecionou no select do formulário imprimir na modal de confimação do bootstrap?
$('#submitBtn').click(function() {
/* when the button in the form, display the entered values in the modal */
$('#cliente').text($('#cliente').val());
});
$('#submitBtn').click(function() {
$('#cliente').text($('#cliente').val());
});
$('#submit').click(function(){
$('#formfield').submit();
});
Formulário
<form role="form" name="form1" method="post" id="formfield" action="cadastrar_DADOS_arquivos_enviar.php" enctype="multipart/form-data" accept-charset="UTF-8">
<div class="clear"></div>
<br>
<div class="col-md-12">
<label>Nome</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user" aria-hidden="true"></i></span>
<select id="cliente" name="cliente" class="form-control">
<option value="541">
2LJM SERVICOS ADMINISTRATIVOS LTDA
</option>
</select>
</div>
</div>
<div class="clear"></div>
<div class="col-md-12">
<label>Editar o nome</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user" aria-hidden="true"></i></span>
<select id="categoria" name="categoria" class="form-control">
<option value="30">
contabilidade
</option>
<option value="33">
financeiro
</option>
<option value="31">
fiscal
</option>
<option value="34">
outras
</option>
<option value="32">
setor pessoal
</option>
</select>
</div>
</div>
<div class="clear"></div>
<div class="col-md-12">
<label>Arquivos</label>
<div id="photoWrapper">
<label>
<input type="file" name="upload[]" multiple="multiple">
<div class="newInputWrapper">
<!-- custom picture -->
<span id="photo"></span>
<!-- custom text -->
<p class="filename">C:\fakepath\boleto-dominio.pdf</p>
</div>
</label>
</div>
</div>
<div class="clear"></div>
<div class="form-group" style="text-align: center;">
<input type="button" name="cadastrar_arquivos" value="Enviar" id="cadastrar_arquivos submitBtn submit" data-toggle="modal" data-target="#confirm-submit" class=" btn btn-success dropdown-toggle btn-lg text-center">
</div>
<div class="modal fade" id="confirm-submit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
Confirmação de envio de arquvos
</div>
<div class="modal-body">
Tem certeza que deseja enviar para o cliente?
<!-- We display the details entered by the user here -->
<table class="table">
<tbody>
<tr>
<th>Last Name</th>
<td id="cliente"></td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
<a href="#" id="submit" class="btn btn-success success">Submit</a>
</div>
</div>
</div>
</div>
</form>
cliente
, não podem ter dois elementos com o mesmo ID no HTML e o ID deve ser só um parâmetro, você colocouid="cadastrar_arquivos submitBtn submit"
, após corrigir isso coloque um ID diferente no modal e mude para aparecertext()
e nãoval()
.