Антон Вебсайтовский

Елки палки ) я уже решил, убрал дату и все записало.

Помогли решить с js вопрос

let itmes = $('.list');

itmes.click(function (ev) {
  ev.stopPropagation();
  
  let el = $(this);
  
  itmes
    .not(el)
    .not(el.parent().closest('.active'))
    .removeClass('active');
  
  el.toggleClass('active');
});

Проблема была в js, вообщем помогли поправить.

window.addEventListener("load", function() {
        const tabs = document.querySelectorAll(".tabsnl");
        const blocks = document.querySelectorAll(".tabsb");

        tabs.forEach(tab => tab.addEventListener("click", (e) => {

          e.preventDefault();

          let activeTab = document.querySelector(".tabsnl--active");
          let target = ('a' === e.target.parentElement.localName ? e.target.parentElement : e.target);
          
          let href = target.getAttribute('href');
          let block = document.querySelector(href);

          if (target === activeTab) {
            target.classList.remove("tabsnl--active");
            $(block).fadeOut("slow");
          } else {
            tabs.forEach(tab => tab.classList.remove("tabsnl--active"));
            $(blocks).hide();
            target.classList.add("tabsnl--active");
            $(block).fadeIn("slow");
          }

        }))
      })

Вообщем ) проблема такая там надо было убрать .hystmodal__opened position: fixed, нужно убрать и все ок будет.

Вообщем помогли сделать.

$("#sortPrice, #sortGod").change(function() {
let formData = $(this).serialize();

Решение тут:
https://codepen.io/AXOT/pen/YzjvdLp

Вообщем помогли сделать, за деньги.

Может кому надо:
https://codepen.io/AXOT/pen/JjBLWXK

Решение: jsfiddle.net/vlit/tohq206g/27

Помог сделать: Евгений Евгений

Вот решение: jsfiddle.net/svvladymyr/f4e5zt0x/15

Решение, сам сделал )) по примерам.

jsfiddle.net/vlit/m72w5uob/121

Ловите решение, помогли решить.

var price = $('#catts option:selected').data('price');
formData.append("price", price);

Так помогли допилить, вот полное решение, при снятии галочки, перезаписывает цену, обновляет как надо.

jsfiddle.net/vlit/m72w5uob

Нашел решение.
Надо было добавить: escapeMarkup: function(markup) { return markup; },

jsfiddle.net/vlit/8mw4tf6y/102

Ловите еще вариант без escapeMarkup: function(markup) { return markup; },
jsfiddle.net/vlit/3qvzg41m/2

И если кому надо доработка, если в друг нет цены и выводиться (руб) ну или еще чего, то тут с проверкой, чтоб не выводить доп это слово.
jsfiddle.net/vlit/8bsmc0wj

А если кому надо сделать чтоб для определенного селекта срабатывало, то вот вариант, бывает не один селект на странице.
jsfiddle.net/vlit/42o916u0/2

Вообщем вот решение

//для выбранной категории подставляем цену из id блоков. и далее выводим в диве
$('#cel1').change(function() {
  var $selected = $(this).find(":selected");
  $('#resultPrice').html($("#prices div").eq(+$selected.data("priceid") - 1).text());
  getRes()
})

//при выборе варианта во втором селекте, где есть цена data-price, выводим цену в див
$('#cel2').change(function() {
  var $selected = $(this).find(":selected");
  $('#resultPriceTaxi').html($selected.data("price"));
  getRes()
})


  let getRes = () =>{
    //берем обе полученные суммы из див и плюсуем, и выводим в диве
  const resultPrice = $("#resultPrice").html();
  const resultPriceTaxi = $("#resultPriceTaxi").html();
  let rezult = (Number(resultPrice) + Number(resultPriceTaxi)).toString() + ' руб'; //плюсуем две суммы
  $('#sum').html(rezult);
  }