Variável dinâmica
Boa noite Pessoal.
Gostaria de ajuda de vocês para poder completar meu código:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>postagem dinamica</title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript" language="javascript"></script>
<script>
$(document).ready(function marcar() {
$("#grava").click(function() {
var nome = $("#nome");
var nomePost = nome.val();
$.post("grava.php", {nome: nomePost},
function(data){
$("#resposta").html(data);
}
, "html");
});
});
</script>
</head>
<body>
<form action="#" onsubmit="marcar()" method="post">
<label>Nome: <input type="text" name="nome" id="nome" /></label>
<input type="hidden" name="" id="nome" />
<input type="button" value="Enviar" id="grava" />
</form>
<span id="resposta"></span>
<form action="#" onsubmit="marcar()" method="post">
<label>Nome: <input type="text" name="nome" id="nome" /></label>
<input type="button" value="Enviar" id="grava" />
</form>
<span id="resposta1"></span>
<form action="#" onsubmit="marcar()" method="post">
<label>Nome: <input type="text" name="nome" id="nome" /></label>
<input type="button" value="Enviar" id="grava" />
</form>
<span id="resposta2"></span>
<form action="#" onsubmit="marcar()" method="post">
<label>Nome: <input type="text" name="nome" id="nome" /></label>
<input type="button" value="Enviar" id="grava" />
</form>
<span id="resposta3"></span>
</body>
</html>No caso eu tornarei os ID's "nome" dos formulários dinâmicos, porém preciso que o Javascript responda dinamicamente aos meus ID's para que não seja necessário eu repetir o JS para cada form que eu precisar.
OBS.:
- Da forma que esta somente o primeiro formulário funciona e os outros ficam sem reposta;
- Os IDs resposta é onde aparece o resultado da query do JS;- Usei números em todas as as IDs, mas não sei como fazer o JS responder cada form.
Desde já agradeço.
Discussão (14)
Carregando comentários...