Вытягиваю из селекта data-price и далее отправлю метод пост, не могу передать правильно, как передать значение?

Question

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

Выбираю пункт в селекте, ставится селектед, далее я вытягиваю от туда data-price значение.
Далее я пытаюсь его передать в js для того чтобы через метод пост получить.
Не могу передать, что-то не так леплю, подскажите, поправьте меня.
У меня там валидация склеенная с кропие.

Так я получаю из выбранного селекта значение из data-price

$('#catts').on('change', function() {
      var price = $('#catts option:selected').data('price');
      $('#rrrrrrrrrrrrr').html(price); //это я вывожу в div для проверки выводит ли
    });

Вообщем вот тут пример и весь js, жаль там проверить все не выйдет.
jsfiddle.net/vlit/m72w5uob/13

Пытался по всякому передать

let price = price;
let formData = price;

Не передает, что-то я не так делаю, в это месте я в консоль выводить пытаюсь, проверить что выводит.
Пишу там: console.log(price); и ничего, я так понимаю просто не находит.

Если в саму функцию ставлю, вывести в консоль то работает, выводит полученное значение.

$('#catts').on('change', function() {
      var price = $('#catts option:selected').data('price');
      $('#rrrrrrrrrrrrr').html(price); //для теста, выводим
      console.log(price); //выводим в консоль для проверки
    });

Comments

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

Александр, да я не силен, пытался как-то передать )), пробовал разные способы

[キム ファイブプラス]

Какая то очередная кривая копипаста с форума или какого то сайта. Нужно удалить весь этот мусор и попробовать решить конкретную простую задачу.

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

キム ファイブプラス, это не мусор, там кропие инициализация и все такое. Нужное.

Answer 1

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

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

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

Answer 2

[キム ファイブプラス]

Где? #validform

Comments

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

это

<form id="validform" method="POST" enctype="multipart/form-data">

[キム ファイブプラス]

Антон Вебсайтовский, jsfiddle.net/ddv88/zkxq24jg/1

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

キム ファイブプラス,

По идеи это добавил и должно работать.

$('#catts').on('change', function() {
      var price = $('#catts option:selected').data('price');
    });

значит больше ничего пихать не надо, как я делал

[キム ファイブプラス]

Антон Вебсайтовский, это из того хлама, что вы предоставили. по факту там много чего странного, но это уже ваше дело. конкретнее не подскажу. это уже на фриланс, если на то пошло.

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

Странно, у меня пишет. на моем примере.
Uncaught ReferenceError: can't access lexical declaration 'formData' before initialization

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

キム ファイブプラス, да нет там не хлам, там если про url не понял, это берется путь, когда по кнопке кликаем и подставляется, типа сохранить в черновик или обычным способом добавить.

остальное там еще кропие, сереализация и все такое.

Вот чистый пример: без кропие

<script>
  $(document).on('submit', '#cart', function(e) {
    e.preventDefault();
    $('#cart .ax-result').removeClass('validdone validerror').html('');
    let formLoad = new FormData($(this)[0]);
    App.sendAx('/ax/cart/order', formLoad, {
      silence: true,
      successFunction: function(d) {
        if (d.redirect_url) {
          window.location = d.redirect_url;
          // window.open(d.redirect_url, '_blank');
          return false;
        }
        $('#cart .ax-result').removeClass('validdone validerror').addClass('validdone').html(d.message);
        $('#cart .ax-form').hide();

        //перекидывает к валидации, когда форма исчезает
        const el = document.getElementById('goer');
        el.scrollIntoView({
          behavior: "smooth"
        });

        //при заказе, сверху меняет надпись в корзине
        $('.basket').html('<i class="icon-corz"></i>');
      },
      errorFunction: function(d) {
        $('#cart .ax-result').removeClass('validdone validerror').addClass('validerror').html(d.message);
        $('#cart .ax-form').show();
      }
    });
  });
</script>

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

А вот нет ошибки, это я забыл выбрать в селекте пункт.

console.log(formData.get("catts"));

Вывожу то что я выбрал, а не полученный data-price

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

Если в консоль выводить price, то выдает ошибку, вот у меня эта и есть проблема, что не передает, как-то не так я делаю.

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

Кстати вот так работает, добавил там вар.
jsfiddle.net/vlit/e7dpor4j/1

[キム ファイブプラス]

Антон Вебсайтовский, https://habr.com/ru/post/517338/

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

Суть такая.

var price;

    $('#catts').on('change', function() {
      price = $('#catts option:selected').data('price');
    });

[キム ファイブプラス]

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

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

Вот так все бинго:

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