Есть несколько одинаковых форм, выводятся динамически с одинаковыми идентификаторами.
<div id="imeg_galeri2" >
<div id="img1">
<img id="img10" class="polaroid2" src="img/222222.jpg" /><!--Картинка по которой производится клик-->
<form method="GET" action="dobavit.php" id="post_golos">
<input id = "id_reiting" name="id_reiting" type="hidden" value="7" />
<input id = "coll_goll" name="coll_goll" type="hidden" value="5" />
<input name="reit" type="submit" id="send" value="Отправить"/>
</form>
</div>
<img src="img/lapki.png" class="polaroid3" /><!--количество голосов-->
<span id="coll"> 5 </span>
<div id="golos">
</div>
</div>
При клике на картинку форма должна оправляться. Я сделал скрипт
при клике на картинку форма отправляется. Если я кликаю на вторую картинку форма отправляется а значения приписываются к первой картинке.
в поле формы
<input id = "id_reiting" name="id_reiting" type="hidden" value="7" />
значение равно id картинке
$(document).ready(function()
{
$("#imeg_galeri2 img").click(function(i)
{
var id = $("#id_reiting").val();
var coll = $("#coll_goll").val();
$.ajax({
type: "POST",
url: "dobavit.php",
data: ({id_reiting : id, coll_goll : coll }),
cache: false,
success: function(response)
{
alert('Ваш голос принят');
}
}) ;
return false;
}) ;
Как в ajax прописать чтобы он отправлял форму той картинки по которой я кликая? форму можно выбрать так $(this).next - это будет форма которая следует после картинки но как добавить ее в ajax я не знаю?