@denis9131

Обновление нескольких div c помощью ajax на одной странице?

Страница заказов (друпал). Для каждого заказа в отдельном столбце отображается ттн заказа. Хочу что бы под этой ттн была кнопка которая по нажатию показывает текущий статус посылки. Для первого элемента работает отлично, для последующих - нет. Как понял это из-за уникальности id в div. Как быть?

<html>  
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">  
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
</head>  
<body> 
          <form id="numbttn" method="post">  
				<input type="text" value="[field_ttn]"> <br/>
				<input type="text" value="[field_pokupatel_telefon]"> <br/> 
				<input class="submit" type="button" value="Отправить">
	</form>  
<div id="statusttn"></div>
	<script>
			$(".submit").click(function()
				{
				var ttn = $("#ttn").val();
				var phone = $("#phone").val();
				$.ajax({
					url: "/sites/test.php",
					type: "POST",            
					cache: false,
					data: {"ttn":ttn,"phone":phone},
  				           success: function(html)    {
						 $('#statusttn').html(html);
				}});
				return false;
				});
	</script>
</body>
</html>
  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
XPOWER Одесса
от 3 000 до 5 500 $
Artezio Москва
от 160 000 до 220 000 ₽