Скрипт не выводит общую сумму товаров
Здравствуйте. Нужна помощь.
Проблема заключается в том что скрипт не выводит общую сумму товаров.
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<form action="action.php" method="post">
<table id="tableSelect" width="100%" cellpadding="0" cellspacing="0">
<tr>
<th>Описание</th>
<th>Ед.изм.</th>
<th>Колличество</th>
<th>Цена</th>
<th>Сумма по позиции</th>
</tr>
<tr>
<td>Полотно</td>
<td class="vertical">Метры</td>
<td>
<select id="pos_1" name="veduschiy">
<option value="0" selected>-</option>
<option value="490">Матовое полотно</option>
<option value="690">Глянец</option>
<option value="790">Сатин</option>
</select>
<input id="pos_1_price" type="text" class="vertical" value="0">
</td>
<td class="vertical" id=""></td>
<td id="pos_1_count">0</td>
</tr>
<tr>
<td>Полотно1</td>
<td class="vertical1">Метры1</td>
<td>
<select id="pos_2" name="veduschiy1">
<option value="0" selected>-</option>
<option value="490">Матовое полотно1</option>
<option value="690">Глянец1</option>
<option value="790">Сатин1</option>
</select>
<input id="pos_2_price" type="text" class="vertical" value="0">
</td>
<td class="vertical" id=""></td>
<td id="pos_2_count">0</td>
</tr>
<div id="count_price"><p>Итого: <span></span> руб.</p></div>
</form>
<script>
// JavaScript Document
$(document).ready(function() {
$("#tableSelect").change(function() {
var totalSum = 0;
$("input[id^='pos'], select[id^='pos']").each(function() {
var idElement = "#"+$(this).attr("id"),
priceField = parseInt($(idElement+"_price").val()),
countField = parseInt($(this).val());
$(idElement+"_count").text(countField * priceField);
totalSum += priceField * countField;
});
$("#count_price span").text(totalSum);
});
});
</script>
</body></html>
|