Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gilberto Jr

Exibir dados apos o Submit com Jquery

Recommended Posts

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 Jr

Compartilhar este post


Link para o post
Compartilhar em outros sites

o que botou em salvarcabecalhoatribuicao.asp? o jQuery exibe o que for printado na página asp ou php que recebe os dados

Compartilhar este post


Link para o post
Compartilhar em outros sites

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;

Compartilhar este post


Link para o post
Compartilhar em outros sites

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!

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
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 &"-"& dia
end function

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")&"")


call disconnect
%>

 

Att;

Gilberto Jr

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pegar o valor e o texto do select:

$('#entregador').on('change',function(){
    console.log($(this).val());
    console.dir($(this).find(":selected").text());
});

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

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 &"-"& dia
end function

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 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&"'")


	' &nbsp; = 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

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • Por ILR master
      Salve galera.
       
      Vou publicar um evento e quero colocar um Cronômetro regressivo que mostre em tempo real os dias, horas e minutos que faltam para determinada data, tipo:.
      Faltam 5 dias, 12:30:00 para inauguração.
       
      Qdo chegar no dia, quero que apenas apareça uma mensagem.
       
      Alguém pode me ajudar?
    • Por Danilo - Jesus voltará!
      Olá pessoal, tenho uma div a qual através de um select categorias eu trago dados de empresas do banco, aí preciso clicar nas listagens das empresas e pegar o ID quando clica no checkbox e gravar pelo ajax novamente na session feita no arquivo php tipo um carrinho de compras, que essa parte já tenho... só não to conseguindo pegar os ids gerados dinamicamente no retorno feito do ajax, eles aparecem com F12 ao inspecionar, mas não aceita eu clicar para pegar o ID, acho que é algo de DOM, mas não to sabendo fazer... alguém aí saberia me ajudar como pegar esses ids ao clicar, já que eles vem dinamicamente?
       
      obrigado
    • Por joeythai
      Boa tarde pessoal,
       
      eu criei uma página da qual tenho diversos checkbox para marcar, se tiver alguma caixinha marcada eu habilito um botão para fazer o envio ao servidor, porém, está acontecendo um problema que não consegui identificar, o que está acontecendo é o seguinte:
       
      Quando eu marco um checkbox apenas, o botão é liberado, eu clico nele e aparece um modal para preencher os dados, e nesse modal tem um combobox com opções criadas em javascript, como tem somente uma caixinha marcada as informações no combobox aparecem perfeitamente, porém, se eu marco 2 checkbox ou mais as opções do combobox se repetem, como se eu tivesse fazendo isso dentro de um looping, o que não é verdade, eis o codigo abaixo:
       
      <code>
        <!DOCTYPE html>    <html lang="en">  
         <head>   <meta charset="UTF-8">   <meta http-equiv="X-UA-Compatible" content="IE=edge">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <title>Document</title>   </head>  
        <body>   <input id="check-belongings" class="custom-control-input check-belongings" name="" type="checkbox" value="">   <label for="" class="custom-control-label"></label>   <div class="col-12">   <div class="md-form mt-0 mb-0 pt-0 pb-0">   <label for="reason">Motivo</label><br><br>  
        <select class="form-control md-select2" style="width: 100%; text-transform: uppercase"   id="reason_all_belongings" name="reason_all_belongings" required>   </select>   </div>   </div>
       
        <script>  
         $('.check-belongings').click(function () {    let belongingsIds = [];    let listaMarcados;  
         let optionsReason = [];   let option = null;  
        let movementsSelect = document.getElementById("reason_all_belongings");  
        optionsReason = ['Conferencia', 'Desobstrução', 'Entrega ao Cliente/Propr','  Inspeção', 'Manobra', 'Venda'  ];  
        optionsReason.forEach((reason) => {   option = new Option(reason, reason.toLowerCase());   movementsSelect.options[movementsSelect.options.length] = option;   });  
        listaMarcados = document.getElementsByClassName("check-belongings");   for (let loop = 0; loop < listaMarcados.length; loop++) {   var item = listaMarcados[loop];  
         if (item.type == "checkbox" && item.checked) {    $('.drop-all-belongings').removeAttr('disabled');    belongingsIds.push(item.value);    } else { // $('.drop-all-belongings').attr('disabled', 'disabled');   }   }   });   </script>   </body>  
        </html> </code>
    • Por Carcleo
      Pessoal,  tenho uma janela popup que vai cobrar toda a tela.
      <div id="personal" class="personal">     <label>Quantas pedras deseja adquirir?</label>          <input type="number" name="rocks" id="rocks" required placeholder="1" max="200">     <a href="<?php echo route('client.buy.raffle',[1]); ?> "><h3>RESERVAR</h3></a> </div> onde tem [1] , no <a href
       
      preciso alterar via JavaScript para o valor colocado no input no momento do clique
       
      Será que tem jeito?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.