Есть такая часть кода:
e.forEach(function (e) {
t.forEach(function (t) {
var months = 1;
var value = 1;
e == t.id ?
$('<div class="unit" data-id="' + t.id + '"><div class="billboard-address">' + t.address +
'<a href="" class="close"></a></div><label style="margin: 0 14px 0 0; display: inline-block;' +
' float: right;"><input type="checkbox" name="need_design" value="1" checked="checked" ' +
'style="width: 14px;"><div class="label">Разработать макет рекламного щита</div></label>' +
'<div class="test">Стоимость аренды щита за 1 месяц: ' + t.price + '</div>' +
'<div class="test">Срок размещения в месяцах: <script>function displayVals' + t.id +
'(){value = $( "#select' + t.id + '" ).val();};' +
'$( "select' + t.id + '" ).change( displayVals' + t.id + ' );displayVals' + t.id +
'();</script><select id="select' + t.id +
'" onChange="displayVals' + t.id + '(); alert(value);">' +
'<option value="1">1</option><option value="2">2</option><option value="3">3</option>' +
'<option value="4">4</option><option value="5">5</option><option value="6">6 (скидка -6%)</option>' +
'<option value="7">7 (скидка -7%)</option><option value="8">8 (скидка -8%)</option>' +
'<option value="9">9 (скидка -9%)</option><option value="10">10 (скидка -10%)</option>' +
'<option value="11">11 (скидка -11%)</option><option value="12">12 (скидка -12%)</option>' +
'</select>' +
'<div class="new-price">Итоговая цена по данному щиту: <span>' + months*t.price*value + '</span>' +
'</div></div></div>').prependTo("#request-form .selected-billboards .list")
: r.push(e)
})
}),
Прошу прощение за неудобоваримость кода, пишу как умею..
При изменении select option у меня вылетает окошка alert'ом, и в нем отображается правильное текущее value. А как эту value динамически менять вот в этом месте:
...
'<div class="new-price">Итоговая цена по данному щиту: <span>' + months*t.price*value + '</span>' +
...
Чтобы при изменении select option value - сразу показывалось итоговое значение?