Сообщение от kazrusm
|
$(this).find("input.name")
и т.д. внутри функции success не работает
|
Бивас, тест! (с)
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function(){
$("form").submit(function(){
var id = $(this).find("input.id").val();
var name = $(this).find("input.name").val();
var price = $(this).find("input.price").val();
var qty = '1';
alert(id+' - '+name+' - '+price);
return false;
});
});
</script>
</head>
<body>
<ul>
<li>
<img src="picture.png">
<h4>Товар 1</h4>
<form action="cart/add" method="post">
<input type="hidden" value="1" name="id" class="id">
<input type="hidden" value="Товар 1" name="name" class="name">
<input type="hidden" value="500" name="price" class="price">
<input type="submit" class="btn" value="Добавить">
</form>
</li>
<li>
<img src="picture.png">
<h4>Товар 2</h4>
<form action="cart/add" method="post">
<input type="hidden" value="2" name="id" class="id">
<input type="hidden" value="Товар 2" name="name" class="name">
<input type="hidden" value="300" name="price" class="price">
<input type="submit" class="btn" value="Добавить">
</form>
</li>
<li>
<img src="picture.png">
<h4>Товар 3</h4>
<form action="cart/add" method="post">
<input type="hidden" value="3" name="id" class="id">
<input type="hidden" value="Товар 3" name="name" class="name">
<input type="hidden" value="600" name="price" class="price">
<input type="submit" class="btn" value="Добавить">
</form>
</li>
</ul>
<div id="result">
здесь отображается успешный результат ajax запроса
</div>
</body>
</html>
таки работает!