Este es mi formulario de se repite
<form method="POST" id="formIdModi" name="formIdModi">
<button type="button" name="modificar" id="modiTesti" class="btn btn-success btn-modifi">
<span class="glyphicon glyphicon-pencil"></span>
</button>
<input type="hidden" name="ratingId" id="question_id" value="<?php echo $dato['ratingId']; ?>">
</form>
Al apretar algun botón para editar sólo me reconoce el primer form.
Imagen al apretar un boton de editar
Este es la función que tengo en ajax
<script>
$('button[name="modificar"]').click(function (e) {
e.preventDefault();
$.ajax({
url: "consultas/datosModificar.php",
type: "POST",
data: $('#formIdModi').serialize(),
success: function (res) {
$('#tb').html(res);
}
});
});
</script>
Y aquí lo recibo
<?php
include('../db_connect.php');
$ratingId=$_POST['ratingId'];
$sql="SELECT ratingNumber,title,comments FROM item_rating where ratingId = '$ratingId' ";
$resultset = mysqli_query($conn, $sql) or die("error base de datos:". mysqli_error($conn));
while( $resultado = mysqli_fetch_assoc($resultset)){?>
<div class="form-group">
<label for="usr">Título*</label>
<input type="text" class="form-control" id="title" name="title" placeholder="<?php echo $resultado['title']; ?>" required>
</div>
<div class="form-group">
<label for="comment">Testimonio*</label>
<textarea class="form-control" rows="5" id="comment" name="comment" placeholder="<?php echo $resultado['comments']; ?>" required></textarea>
</div>
<?php
}
?>
Siempre me toma el primer form, ya que todos comparten el mismo ID, la pregunta es como podría diferenciar cada formulario, ya que lo que me interesa es el hidden que envío a través de él.
id
deHTML
está pensado para ser único, ese es tu error.$('form[name="formIModi"]').on('submit', function() { ... AJAX ... });