Problema ao recurar dados de um form com jquery dentro de uma while em
Pessoal estou com problema na integração Jquery e asp.
Fiz uma página de teste para podermos avaliar o que está ocorrendo.
Na referida página eu listo através de um while os registro do banco.
dentro do while existe dois campos ocultos com o id e nome (dados que eu preciso recuperar ao clicar no botão #btnExcluir)
O erro é que ele só recupera os dados do primeiro registro exibido, mesmo eu clicando no botão referente à outro registro ele exibi o dados do primeiro.
Segue o link para avaliação e melhor entendimento do que está ocorrendo:
http://www.cojm.com.br/adm/teste_exclusao.asp
Por favor pessoal, me ajudem... estou precisando muito disto.
Obrigado.
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include file="../Connections/cnAccessPoint.asp" -->
<%
Dim rsPedidos
Dim rsPedidos_cmd
Dim rsPedidos_numRows
Set rsPedidos_cmd = Server.CreateObject ("ADODB.Command")
rsPedidos_cmd.ActiveConnection = MM_cnAccessPoint_STRING
rsPedidos_cmd.CommandText = "SELECT * FROM tbl_Pedidos ORDER BY DtCadastro ASC"
rsPedidos_cmd.Prepared = true
Set rsPedidos = rsPedidos_cmd.Execute
rsPedidos_numRows = 0
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste de confirmação antes de excluir</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="../Js/teste_confirmacao/scripts/jquery.js" type="text/javascript"></script>
<script src="../Js/teste_confirmacao/scripts/jquery.ui.draggable.js" type="text/javascript"></script>
<script src="../Js/teste_confirmacao/scripts/jquery.alerts.js" type="text/javascript"></script>
<link href="../Js/teste_confirmacao/css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
$(document).ready( function() {
$('.btn_excluir').click(function(){
var nome = $('#txt_nome').val();
var id = $('#txt_id').val();
jConfirm('Deseja excluir este pedido?','Atenção, escolha uma opção!', function(r){
if (r == true){
jAlert('O pedido que será deletado é: ' +id+ ' | '+nome)
}
});
});
});
</script>
<style type="text/css">
#exclusao{
clear:both;
padding: 5px;
width:80%;
height:auto;
margin:5px auto;
border:1px solid #999999;
text-align:left;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}#exclusao h1{
font:Verdana, Geneva, sans-serif;
font-size:16px;
color:#333;
font-weight:bold;
}#exclusao span{
font:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666;
font-weight:bold;
}
</style>
<body><%
While NOT rsPedidos.EOF
%>
<div id="exclusao">
<form id="form1" name="form1" method="post" action="">
<h1>LISTA DE PEDIDOS DE ORAÇÃO</h1>
<p>
<span>Id:</span> <%=(rsPedidos.Fields.Item("id").Value)%><br />
<span>DtCadastro:</span> <%=(rsPedidos.Fields.Item("DtCadastro").Value)%><br />
<span>Origem:</span> <%=(rsPedidos.Fields.Item("Origem").Value)%> <br />
<span>IP:</span> <%=(rsPedidos.Fields.Item("IP").Value)%><br />
<span>Server:</span> <%=(rsPedidos.Fields.Item("Server").Value)%><br />
<span>Nome:</span> <%=(rsPedidos.Fields.Item("Nome").Value)%> <br />
<span>Email:</span> <%=(rsPedidos.Fields.Item("Email").Value)%>
</p>
<p><input type="button" name="btn_excluir" id="btn_excluir" class="btn_excluir" value="Excluir pedido" />
<input name="txt_id" type="hidden" id="txt_id" value="<%=(rsPedidos.Fields.Item("id").Value)%>" />
<input name="txt_nome" type="hidden" id="txt_nome" value="<%=(rsPedidos.Fields.Item("Nome").Value)%>" />
</p>
</form>
</div>
<%
rsPedidos.MoveNext()Wend
%>
<p> </p>
</body>
</html><%
rsPedidos.Close()
Set rsPedidos = Nothing
%>
Discussão (0)
Carregando comentários...