https://www.solos.ru/local/templates/solos-new/components/bitrix/f…/request_form_calculation/script.js

1$(document).ready(function(){
2    $('#file-upload').bind('change', function() {
3        var fileName = '';
4        fileName = $(this).val();
5        $('#file-selected').html(fileName);
6    });
7
8    let selectSystem = document.querySelector('.js-form-calculation-system');
9    let selectLink = document.querySelector('.form-calculation__list');
10    const linkBox = document.querySelector('.js-form-calculation__btn-upload');
11
12    if (!selectSystem.value) {
13        linkBox.style.display = 'none';
14    }
15
16    selectSystem.addEventListener('change', function(e) {
17        const listName = selectSystem.selectedOptions[0].getAttribute('data-value');
18        const optionName = selectSystem.selectedOptions[0].value;
19        selectLink.href = '/catalog/questionnaire/index.php?p=' + listName;
20        console.log(optionName);
21        if (listName !== null) {
22            linkBox.style.display = 'block';
23            appendElementButton(optionName, selectLink);
24
25            document.querySelector('.js-form-calc-close').addEventListener('click', function(e){
26                e.preventDefault();
27                hideModal();
28            }, {once: false});
29        } else {
30            linkBox.style.display = 'none';
31        }
32    })
33
34    // При выборе системы предлагаем перейти на опросник или остаться
35    function appendElementButton(name, link) {
36        const appendBlock = `
37            <div class="form-calc__btn-box">
38                <h5 class="popup-mess__red">Сразу заполненный опросный лист с указанными параметрами значительно ускорит процесс просчета проекта.</h5>
39                <a href="` + link + `" class="btn form-calc__btn">Перейти на опросный лист ` + name + `</a>
40                <a href="#" class="btn form-calc__btn js-form-calc-close">Продолжить заполнять форму</a>
41            </div>
42        `;
43
44        showModal('modal-message', appendBlock, 500000);
45    }
46
47});