2

имеется страница с полями вот код и скрин

<table class="table-bordered table-striped table">
      <tr>
        <th class="col-sm-2">Код товара</th>
        <th class="col-sm-5">Название</th>
        <th class="col-sm-2">Стомость, грн</th>
        <th class="col-sm-2">Количество, шт</th>
      </tr>
      <?php foreach ($itemsList as $item):?>
      <tr>
        <td><?php echo $item['code']; ?></td><!--code of product-->
        <td>
          <a href="/product/<?php echo $item['id'];?>"><?php echo $item['name'];?></a>
        </td><!-- link on product -->
        <td><?php echo $item['price'] . $item['currency'];?></td><!--price-->
        <td>
          <input class="form-control amountOfGoods" data-productId="<?php echo $item['id'] ?>"
                 type="number" value="<?php echo $products[$item['id']]; ?>">
        </td><!--amount-->
        <?php endforeach; ?>
      </tr>

      <tr style="border: 2px solid darkorange">
        <td colspan="3"><h4 style="color: darkorange">Общая стоимость:</h4></td>
        <td>
          <?php echo $total; ?>
        </td>
      </tr>
    </table>

страница изменения количества товара

Если коротко, то в каждом поле есть количество товара, которые можно изменить. Идея в том, что при изменении поля в js файл попадает id и количество товара. вот js код

    $(document).ready(function () {
  $(".amountOfGoods").on('change', getInfo);
});

function getInfo(){
  let productId = $(this).attr('data-productId');
  let productAmount = $(this).val();

  let productInfo = {};

  productInfo[productId] = productAmount;

  console.log(productInfo);
}

В итоге, должен получиться ассоциативный массив вида

{productId : productAmount}

в котором хранится окончательная информация о ид товаров и их количестве. Желаемый результат почти получен, но проблема в том, что значения попросту переписываются, таким образом хранится информация лишь об одном товаре. метод push тут не работает.

грубо говоря нужно просто получить значения input с количеством товара и записать в массив. Неужели это никак нельзя сделать? Учтите что количество инпутов может быть разным, т.к. выводится все из базы данных...

10
  • Посмотри на это JavaScript: основы работы с localStorage
    – user283873
    23 фев 2018 в 13:26
  • если добавлять объект и использовать JSON.stringify то просто переписывается и ключ и значение 23 фев 2018 в 16:12
  • localstorage не решил проблему, т.к. значения все также просто перезаписываются. 23 фев 2018 в 16:58
  • При использовании localStorage.setItem(productId, productAmount); присваивается только ключ и дублируется. Значение не присваивается 23 фев 2018 в 17:48
  • а если получить предыдущее значение, добавить к нему новое и записать то что получилось?
    – user283873
    23 фев 2018 в 18:39

1 ответ 1

1

Вообщем не знаю насколько правильно мое решение, но я его нашел. Ошибка была в том, что я зациклился на атрибуте и onchange в том врмея как нужно было просто получить значения input-ов с количеством товара. код на пхп остался без изменений.

javaScript код переделал так, чтоб при клике на кнопку изменить заказ передавать значения с input-ов с атрибутом data-productId. Вот код. Вдруг кому то тоже пригодится.

$(document).ready(function () {
  //при клике на кнопку срабатівает функция
  $("#edit").on('click', getInfo);
});

function getInfo(){


  let productsInfo = {};
  $(".amountOfGoods").each(function() {
    productsInfo[$(this).attr("data-productId")] = $(this).val();
  });

  console.log(productsInfo);
}

в итоге на выходе получается именно то, что было нужно. массив типа {9: "5", 10: "3"} где первое значение - ид товара а второе - количество товара.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.