Есть скрипт, который заменяет один див на другой в зависимости от введенного значения в поле _calculated_price_ :
var price = document.getElementById('calculated_price').innerHTML;
var mainBlock = document.getElementsByClassName('home-main-block_price')[0];
if (price == 1) {
var modal = document.getElementById('modal');
modal.classList += ' visible';
mainBlock.classList += ' hidden';}
при загрузке страницы, поле _calculated_price_ пустое. Оно формируется после загрузки страницы, путем подсчета стоимости. Как сделать так, чтоб скрипт срабатывал при каждом изменении значения _calculated_price_ и если значение поля становится 1, то вызывал модальное окно:
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<p>Позвоните нам!</p>
</div>
</div>
</div>
Это див вывода подсчетов из формы:
<div class="home-main-block_price">
<p>цена</p>
<span>
<p id="calculated_price" style="display: inline-block; font-size: 34px;></p>
</span>
<p>с НДС</p>
<button type="button">Заказать</button>
</div>
Это скрипт, который берет расчеты из контроллера и записывает в айдишник calculated_price:
<script>
function calc(){
$('#calculated_price').load('/sum/?'+$('#form').serialize());
}
</script>
Если вручную ввести значение в поле _calculated_price_ то при загрузке страницы, скрипт срабатывает и появляется модальное окно. В AJAX'е не силен. Всем спасибо.