Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
tenho uma página que ao ser carregada abre uma janela modal. nessa janela modal tenho uma botão e um campo texto. precisamo do seguinte: quando eu clicar no botão da janela modal, eu preciso abrir outra janela modal e resgatar o valor digitado no meu campo e usa - lo para fazer um select na base.
como posso fazer?então as duas modal estão na mesma página. então quando eu clico no botão da primeira modal, a segunda modal aparece e não consigo pegar o que digitei no campo da primeira modal. veja meu código.
//primeira modal
<form name="frmcep" data-toggle="validator" role="form" class="form-horizontal" id="frmcep" method="post">
<div id="modal-cep" style="margin-top: 0px; z-index: 9999; min-width: 320px; display: block;" class="modal fade in" role="dialog" data-backdrop="static">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body" style="margin-top:-10px; -webkit-user-select: none;">
<div class="row" id="resulcep"> <div class="col-xs-12 text-center">
<img src="logo_cep.png" width="137" height="145" border="0"><br>
Digite o seu CEP:<br><br>
<!-- <input class="form-control cep" onkeyup="contacaracter('#ccep');" data-mask-clearifnotmatch="true" placeholder="Digite o seu cep" type="number" name="ccep" id="ccep" value=""> -->
<input class="form-control cep" data-mask-clearifnotmatch="true" placeholder="Digite o seu cep" type="number" name="ccep" id="ccep" value="">
</div>
<div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px;margin-top: -20px;">
<div class="fb-login-button" data-max-rows="1" data-size="xlarge" data-show-faces="false" data-auto-logout-link="true"></div>
</div>
<div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px;">
<input class="form-control btn btn-primary" type="button" id="bcep" value="BUSCAR CEP" onclick="carrega('#modal-dados','modal_dados.php','0','');"">
</div>
<div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px">
<!-- <input id="close" class="form-control btn btn-primary" type="button" value="CANCELAR">-->
<button type="button" class="form-control btn btn-primary" data-dismiss="modal">CANCELAR</button>
</div>
<script>
$( document ).ready(function() {
$('#rnumero').mask('00000000000');
$('#rtelefone').mask('0000000000000');
});
</script>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
</form>//aqui está a segunda modal
<form name="frmcep" data-toggle="validator" role="form" class="form-horizontal" id="frmcep" method="post">
<div id="modal-cep" style="margin-top: 0px; z-index: 9999; min-width: 320px; display: block;" class="modal fade in" role="dialog" data-backdrop="static">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body" style="margin-top:-10px; -webkit-user-select: none;">
<div class="row" id="resulcep"> <div class="col-xs-12 text-center">
<img src="logo_cep.png" width="137" height="145" border="0"><br>
Digite o seu CEP:<br><br>
<!-- <input class="form-control cep" onkeyup="contacaracter('#ccep');" data-mask-clearifnotmatch="true" placeholder="Digite o seu cep" type="number" name="ccep" id="ccep" value=""> -->
<input class="form-control cep" data-mask-clearifnotmatch="true" placeholder="Digite o seu cep" type="number" name="ccep" id="ccep" value="">
</div>
<div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px;margin-top: -20px;">
<div class="fb-login-button" data-max-rows="1" data-size="xlarge" data-show-faces="false" data-auto-logout-link="true"></div>
</div>
<div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px;">
<input class="form-control btn btn-primary" type="button" id="bcep" value="BUSCAR CEP" onclick="carrega('#modal-dados','modal_dados.php','0','');"">
</div>
<div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px">
<!-- <input id="close" class="form-control btn btn-primary" type="button" value="CANCELAR">-->
<button type="button" class="form-control btn btn-primary" data-dismiss="modal">CANCELAR</button>
</div>
<script>
$( document ).ready(function() {
$('#rnumero').mask('00000000000');
$('#rtelefone').mask('0000000000000');
});
</script>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
</form>
<script>
$(document).on('click', '#bcep', function() {
$('#modal-dados').modal('show');
//$('bcep').attr('href', 'pagina.php?id=' +id);
//$('#modal-dados').load('pagina.php?cep='+$('#bcep').val());
});
</script>pra que essa confusão toda mano? se já tem um campo onde vai ser digitado o valor porque não deixa so ele mesmo com um botão submit pra abrir a pagina de validação e pegar esse valor com POST inves de GET? fica muito mais limpo sem precisar toda essa codiguera js e tals
então não estou entendendo. imagina o seguinte. tenho o página index.php. ao abrir ela abre uma janela modal. nessa janela tem um campo texto e um botão. quando eu clica no botão nessa mesma modal ou em outra modal deve aparecer alguns campos que veio do banco através do valor que digitei na primeira modal.
alguém tem alguma ideia de como fazer?
tu não tá incluindo a biblioteca jquery aí. tem que botar ela antes de usar
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
Simplesmente crie uma $_SESSION[''] ao clicar no submit defina o valor dela, e exibe ela na outra div, acho que daria certo, e seria bem menos codigo. e basta toda vez q finalizar declarar ela como null para não ter problemas
eu tambem acho que tudo pode ser feito sem esses js aí mas tem que explicar melhor o que tá querendo fazer. inxerta mais detalhes aí pra gente poder opnar melhor. que tipo de outros campos são esses, de onde eles vem, como eles vem, o que espera fazer com os dados deles etc e tal
Essa galera viaja!
Se você quer pegar um valor de uma modal e passar para outra via JS, que guarde este valor em uma var, depois só manipule o DOM
$.get('/url-destino', {param: param_id} ,function(data) {
$('#escolher_nome_id').html(data);
$('#escolher_nome_modal').modal('show');
});
Lembrando que isso é JS e não PHP, favor postar duvidas sobre JS na área correta.
-->>>> [https://forum.imasters.com.br/forum/6-javascript/](/forum/6-javascript/)Sua dúvida nada tem haver com PHP, por favor, postar na área correta da próxima vez.
Tópico Movido para JavaScript
por que inves de abrir outra janela não bota numa div e aí quando clicar oculta a div e passa o valor num $_POST pra outra pagina?