Как идентифицировать нажатую кнопку с указанной карты c и передать значение поля с этой карты в локальное хранилище? - PullRequest
Новая
       15

Как идентифицировать нажатую кнопку с указанной карты c и передать значение поля с этой карты в локальное хранилище?

0 голосов
/ 02 мая 2020

Я создал список карточек для l oop и извлечения значений полей. Я использую Django и Python. У каждой карты есть определенные поля, такие как ID, Название, Статус и т. Д. c. и у каждой карты есть кнопка. Нажав кнопку на указанной карте c, я хотел бы сохранить значение определенного поля c с этой карты, скажем ID, в локальное хранилище, чтобы я мог передать его на другую страницу HTML.

Как мне это сделать?

Примечание: 1) Я понимаю, что передача значений через локальное хранилище не может быть оптимальным решением, но я хотел бы сначала решить вышеупомянутую проблему. 2) Я новичок в веб-разработке, и это мой первый пост в Stackoverflow. :) 

<form name="CarsListForm" method="post">
  {% for car in cars.all %}
  <div class="card bg-light">
    <div class="card-body">
      <div class="row">
        <div class="col-1">
          <h5 class="card-title"> {{ car.carID }}</h5>
        </div>
        <div class="col-7">
          <h5 class="card-title"> {{ car.carTitle }}</h5>
        </div>
        <div class="col-2">
          <p class="float-right"> {{car.carStatus}}</p>
        </div>
        <div class="col-2">
          <p class="float-right">{{car.carImage}}</p>
        </div>
      </div>
      <div>
        <h6 class="card-text"> {{ car.carID }}</h6>
      </div>
      <div>
        <p class="card-text"> {{ car.carDescription }}</p>
      </div>
    </div>
    <div class="card-footer text-muted">
      <!--<button class="btn"><i class="fa fa-file" style="font-size:20px;" data-toggle="tooltip" data-placement="bottom" title="Attach docs"></i></button>-->
      <button onclick="addTrip()" class="btn addTrip-btn">
                            Add Trip

                            <!--<i class="fas fa-user-plus" style="font-size:20px;" data-toggle="tooltip" data-placement="bottom" title="Assign work order"></i>-->
                        </button>
    </div>

  </div>
  <br> {% endfor %}

1 Ответ

0 голосов
/ 02 мая 2020

Самый простой способ сделать это - использовать javascript следующим образом 

// Store
localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

Однако, если ваша цель - просто использовать данные на следующей странице html, передайте их как запрос get. 

<a href="{% url 'yournextpage' car.carID %}">Add Trip</a>
...