Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde;
Eu usando o submit do jquery, tenho esse código abaixo. Esse código salva e mostra as informações na tela em seguida apos salvar.
mas eu to com um problema, o meu form é com dois select. E quando eu salvo, ele salva e mostra a informação na tela e traz o dados que esta dentro do VALUE do <option>. E os dados que esta lá é o CÓDIGO. E eu queria que ele mostrasse o nome ao invés do código.
Poderia me ajudar nessa situação?
<script type="text/javascript" language="javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" language="javascript">
$(function($) {
// Quando o formulário for enviado, essa função é chamada
$("#formulario").submit(function() {
// Colocamos os valores de cada campo em uma váriavel para facilitar a manipulação
var rota = $("#rota").val();
var entr = $("#entregador").val();
//var mensagem = $("#mensagem").val();
// Exibe mensagem de carregamento
$("#status").html("<img src='img/loader.gif' alt='Enviando' />");
// Fazemos a requisão ajax com o arquivo envia.php e enviamos os valores de cada campo através do método POST
$.post('salvarcabecalhoatribuicao.asp', {rota: rota, entr: entr }, function(resposta) {
// Quando terminada a requisição
// Exibe a div status
$("#status").slideDown();
// Se a resposta é um erro
if (resposta != false) {
// Exibe o erro na div
$("#status").html(resposta);
}
// Se resposta for false, ou seja, não ocorreu nenhum erro
else {
// Exibe mensagem de sucesso
$("#status").html("Mensagem enviada com sucesso!");
// Coloca a mensagem no div de mensagens
$("#mensagens").prepend("<strong>Entregador: "+ entr +"</strong> Rota: <em>" + rota + "</em><br />");
// Limpando todos os campos
$("#rota").val("");
$("#entregador").val("");
//$("#mensagem").val("");
}
});
});
});
</script>
Alguém poderia me ajudar nessa situação?
Att;
Gilbrerto Jro que botou em salvarcabecalhoatribuicao.asp? o jQuery exibe o que for printado na página asp ou php que recebe os dados
Obrigado pelo retorno @marsolim,
coloquei o insert dos dados que vem do formulario
rota = request.Form("rota")
entr = request.Form("entr")
data = mask_data(Date)
set rs = conn.execute("insert into c_atribuicao (rota,entregador,data_registro) values ('"&rota&"','"&entr&"','"&data&"')")
'response.Redirect("prcontas.asp?id="&request.Form("identrega")&"&cadastrado=ok")
set rs3 = conn.execute("select * from c_atribuicao where rota='"&rota&"' and entregador='"&entr&"' and data_registro='"&data&"'")
response.Redirect("cad_rastreio_atribuicao.asp?id="&rs3("id")&"")
Att;
Olá gilberto! tudo bem ?
Ficou um pouco confuso o código..
Nesse teu caso porque estas a usar o .prepend #mensagem é uma div ??
Quando dizes que mostra o código mostra que código ?
Eu postei à tempos um bom exemplo fazendo um request em jquery segue abaixo o link para veres!
>
Em 03/05/2017 at 08:52, Vitor Mendes disse:
Olá gilberto! tudo bem ?
Ficou um pouco confuso o código..
EM PRIMEIRO em vez de ".prepend" ja tentaste usar "innerHTML" são muito semelhantes mas não são iguais porem tudo depende # mensagem é o que uma div uma caixa de texto ? falta informação ...
Eu postei à tempos um bom exemplo fazendo um request em jquery segue abaixo o link para veres!
Eu vou postar o meu código aqui, dai eu acho que vai ser mais fácil analisar.
a pagina do formulario. FORM.ASP
<script type="text/javascript" language="javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" language="javascript">
$(function($) {
// Quando o formulário for enviado, essa função é chamada
$("#formulario").submit(function() {
// Colocamos os valores de cada campo em uma váriavel para facilitar a manipulação
var rota = $("#rota").val();
var entr = $("#entregador").val();
//var mensagem = $("#mensagem").val();
// Exibe mensagem de carregamento
$("#status").html("<img src='img/loader.gif' alt='Enviando' />");
// Fazemos a requisão ajax com o arquivo envia.php e enviamos os valores de cada campo através do método POST
$.post('salvarcabecalhoatribuicao.asp', {rota: rota, entr: entr }, function(resposta) {
// Quando terminada a requisição
// Exibe a div status
$("#status").slideDown();
// Se a resposta é um erro
if (resposta != false) {
// Exibe o erro na div
$("#status").html(resposta);
}
// Se resposta for false, ou seja, não ocorreu nenhum erro
else {
// Exibe mensagem de sucesso
$("#status").html("Mensagem enviada com sucesso!");
// Coloca a mensagem no div de mensagens
$("#mensagens").prepend("<strong>Entregador: "+ entr +"</strong> Rota: <em>" + rota + "</em><br />");
// Limpando todos os campos
$("#rota").val("");
$("#entregador").val("");
//$("#mensagem").val("");
}
});
});
});
</script>
<fieldset>
<div id="status"></div>
<form method="post" action="javascript:func()" id="formulario">
<label>
<span>Rota:</span>
<select name="rota" id="rota" class="rota">
<%
while brota.eof = false
%>
<option value="<%=brota("descricao")%>"><%=brota("descricao")%></option>
<%
brota.movenext
wend
%>
</select>
</label>
<label>
<span>Entregador:</span>
<select name="entr" id="entregador" class="entregador">
<option value="1">Entregador 1</option>
<option value="2">Entregador 2</option>
<option value="3">Entregador 3</option>
<option value="4">Entregador 4</option>
</select>
</label>
<input type="submit" name="enviar" value="SALVAR ATRIBUIÇÃO" />
</form>
</fieldset>
<h1>Atribuição</h1>
<div id="mensagens">
</div>
a pagina que faz o insert **salvarcabecalhoatribuicao.asp**<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include file="conexao.asp"-->
<!--#include file="utilitarios/configGlobais.asp" -->
<!--#include file="utilitarios/fGenericas.asp" -->
<%
call connect
Response.AddHeader "Content-Type", "text/html; charset=utf-8"
Response.AddHeader "Pragma", "no-cache"
response.Charset="utf-8"
%>
<%
function mask_data( obj )
obj = CDAte( obj )
dia = Day( obj )
mes = Month( obj )
ano = Year( obj )
if dia < 10 then
dia = "0" & dia
end if
if mes < 10 then
mes = "0" & mes
end if
mask_data = ano &"-"& mes &"-"& diarota = request.Form("rota")
entr = request.Form("entr")
data = mask_data(Date)
set rs = conn.execute("insert into c_atribuicao (rota,entregador,data_registro) values ('"&rota&"','"&entr&"','"&data&"')")
'response.Redirect("prcontas.asp?id="&request.Form("identrega")&"&cadastrado=ok")
set rs3 = conn.execute("select * from c_atribuicao where rota='"&rota&"' and entregador='"&entr&"' and data_registro='"&data&"'")
response.Redirect("cad_rastreio_atribuicao.asp?id="&rs3("id")&"")
call disconnect
%>
Att;
Gilberto JrPegar o valor e o texto do select:
$('#entregador').on('change',function(){
console.log($(this).val());
console.dir($(this).find(":selected").text());
});Boa tarde;
eu resolvi da seguinte forma. Usei o jquery form para fazer a inserção no banco de dados e recupero o valor através de um response.write.
Veja como ficou o codigo.
<script type="text/javascript" language="javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.form.js"></script>
<script>
$a = jQuery.noConflict();
$a(document).ready(function() {
$a(".resultado").hide();
$a("#formulario").ajaxForm({
target: ".resultado",
beforeSend: function () {
$a(".enviar").css("background-image", "url(img/loader.gif)");
$a(".enviar").css("background-repeat", "no-repeat");
$a(".enviar").css("background-position", "left");
$a(".enviar").css("background-position", "5px 6px");
//$a(".enviar").css("padding-left", "35px");
$a(".enviar").css("color", "#000");
$a(".enviar").val("Salvar Atribuição!");
//$a("#progressbar1").show();
},
success: function(retorno){
$a(".resultado").html(retorno);
$a(".resultado").show();
$a("#formulario").resetForm();
$a(".enviar").css("background-image", "none");
$a(".enviar").css("color", "#000");
$a(".enviar").css("padding-left", "0px");
$a(".enviar").css("background-position", "none");
$a(".enviar").css("background-position", "none");
$a(".enviar").val("Atribuição Salva!");
setTimeout(function(){
$a(".resultado").hide()},9999999); //TEMPO INDEFINIDO
},
});
//return false
});
</script>
agora a pagina que salva as informação no banco de dados e mostra<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include file="conexao.asp"-->
<!--#include file="utilitarios/configGlobais.asp" -->
<!--#include file="utilitarios/fGenericas.asp" -->
<%
call connect
Response.AddHeader "Content-Type", "text/html; charset=utf-8"
Response.AddHeader "Pragma", "no-cache"
response.Charset="utf-8"
%>
<%
function mask_data( obj )
obj = CDAte( obj )
dia = Day( obj )
mes = Month( obj )
ano = Year( obj )
if dia < 10 then
dia = "0" & dia
end if
if mes < 10 then
mes = "0" & mes
end if
mask_data = ano &"-"& mes &"-"& diarota = request.Form("rota")
entr = request.Form("entr")
data = mask_data(Date)
set rs = conn.execute("insert into c_atribuicao (rota,entregador,data_registro) values ('"&rota&"','"&entr&"','"&data&"')")
'response.Redirect("prcontas.asp?id="&request.Form("identrega")&"&cadastrado=ok")
set rs3 = conn.execute("select a.rota as rota, b.nome as nome, a.id as id from c_atribuicao as a inner join entregador as b on b.id=a.entregador where a.rota='"&rota&"'")
' = espaço na mensagem
m1 = "<table>"
m1 = m1+ "<tr>"
while rs3.eof = false
m1 = m1+ "<td>"
m1 = m1+ ""&rs3("rota")&""
m1 = m1+ "</td>"
m1 = m1+ "<td>"
m1 = m1+ ""&rs3("nome")&""
m1 = m1+ "</td>"
m1 = m1+ "<td>"
m1 = m1+ "<a href='cad_rastreio_atribuicao.asp?id="&rs3("id")&"'>"&rs3("id")&"<a/>"
m1 = m1+ "</td>"
m1 = m1+ "</tr>"
rs3.movenext
wend
m1 = m1+ "</table>"response.Write(m1)
'response.Redirect("cad_rastreio_atribuicao.asp?id="&rs3("id")&"")
call disconnect
%>
Att;
Gilberto Jr
Alguma ajuda?