Caros, tenho um codigo que exibe um dialog com uma tabela, onde após a seleção do item, este é enviado para um campo input, via ajax. Preciso usar este valor em uma função php na mesma pagina, para que outro dialog exiba uma tabela com base no dado deste input. Estive analisando o uso de uma variavel global jquery, porém, não estou conseguindo fazer com que essa variavel receba o valor indicado no input para que possa usar futuramente. Segue o codigo que utilizo:
Javascript:
var cgc;
$(document).ready(function () {
$(function () {
$(".dialog").dialog({
autoOpen: false,
height: 400,
modal: true,
resizable: false,
width: 700,
open: function (event, ui) {
$('.ui-dialog-titlebar').display("none");
}
});
$(".opener").click(function () {
$('input:checkbox').attr('checked', false);
var nameD = $(this).attr("id");
var toRemove = 'opener';
var idDialog = "#dialog" + nameD.replace(toRemove, '');
$(idDialog).dialog("open");
});
$(".botao").click(function () {
$(".dialog").dialog("close");
});
});
$(".botao").click(function () {
getValueUsingClass(
$(this).attr("id")
);
});
function getValueUsingClass (id) {
var chkArray = [];
$(".chk:checked").each(function () {
chkArray.push(
$(this).val()
);
});
var name = id;
var toRemove = 'bt';
var id = name.replace(toRemove, '');
var val_id = [];
$("input:checked").each(function () {
val_id.push(
$(this).attr("id")
);
});
var selected;
selected = chkArray.join('') + "";
var val_id2;
val_id2 = val_id.join('') + "";
if (selected.length > 1) {
if (chkArray.length > 1) {
alert("Selecione um campo");
$('input[id=' + id + ']').val("");
} else {
$('input[id=' + id + ']').val(selected);
/* Configura a requisição AJAX */
if(id=='Cliente') {
$.ajax({
url: 'dados_pedido.php', /* URL que será chamada */
type : 'POST', /* Tipo da requisição */
data: 'CODIGO=' + $('#Cliente').val(), /* dado que será enviado via POST */
dataType: 'json', /* Tipo de transmissão */
success: function (data) {
if(data.sucesso == 1) {
$('#codigocli').val(data.codigo);
$('#nomecli').val(data.nomecli);
$('#cnpjcli').val(data.cnpjcli);
$('#transpcli').val(data.transpcli);
$('#PagCli').val(data.PagCli);
cgc = data.cnpjcli;
}
}
});
};
return false;
}
} else {
alert("Nenhuma dado selecionado");
}
};
});
HTML e PHP:
<a href="#dialogPed3" id="openerPed3" class="opener">
<img src="../../images/lupa.png" id="lupa3" width="16" height="16" alt = "Add"/>
</a>
<div id="dialogPed3" class="dialog">
<?php
echo "teste"."<script>document.write(cgc);</script>";
?>
</div>
No inicio do codigo jquery existe uma variavel cgc declarada, caso eu coloque um valor de imediato, tipo var cgc=123, este é exibido normalmente no echo do php, porém quando seu valor é alterado dentro do "$(document).ready(function(){" essa nada acontece, o valor continua sendo 123.
Bom não sei se ajuda mas vou explicar o objetivo.Na minha pagina, em um determinado campo, existe um botao que exibe um dialog com uma tabela, porem essa tabela é baseada no valor que esta inserido no input #cnpjcli, porém nao encontrei uma maneira de passar esse valor para o php no momento em que chamo a funçao, o q estou tentando fazer é usar o recurso document.write(cgc); para armazenar em uma variavel php e assim passar para a função php. Caso tenha alguma outra forma de pegar o valor do input e passar para a função,tb ira ajudar.