Как связать значение Dynami c с элементами HTML? - PullRequest
Новая
       3

Как связать значение Dynami c с элементами HTML?

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

Я хочу создать список, который можно щелкнуть и который позволил бы мне принять участие в опросе, когда я щелкну по нему. показывает вопросы анкеты, топи которых c показывался. Я создал SQL таблиц для пользователей, опросов, вопросов и вариантов. Опросы связаны с пользователями, вопросы связаны с опросами, а параметры связаны с вопросами.

Мне просто нужен способ доступа к идентификатору опроса ({{search.id}}) в моем маршруте, где я мог бы запустите запрос SQL, используя идентификатор опроса, чтобы связать все.

Просто отказ от ответственности, я новичок в HTML, поэтому, пожалуйста, попробуйте подробно объяснить.

1 Ответ

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

Есть несколько способов сделать это с помощью html, вот несколько из них

  • создать скрытый ввод со значением, которое вам нужно, и позже, когда вам это понадобится, получить это из этого ввода 
 <input type="hidden" id="searchId" name="searchId" value="3487">
  • добавить настраиваемый атрибут к элементу, а позже, когда потребуется, извлечь его из этого элемента 
<div class="list-group">
      { for search in searches }
      <a href="\take" class="list-group-item">{{search.topic}} data-search-id="{{search.id}}"</a>
      { endfor }
    </div>

Есть также несколько способов сделать это без html

  • вставить скрипт с идентификатором поиска, а затем получить этот идентификатор из javascript
{% block main %}
    <div class="list-group">
      { for search in searches }
      <a href="\take" class="list-group-item">{{search.topic}}</a>
      { endfor }
       <script>
       // just make sure that this variable is unique, so u dont cause errors or overwrite another variable by mistake
       const MY_APP_SEARCH_ID ={{search.id}}
       </script>
    </div>
{% endblock %}
  • Вы также можете создать уникальный URL-адрес для каждого опроса 
 <a href="\take?searchId={{search.id}}" class="list-group-item">{{search.topic}} </a>

, а затем обработать этот идентификатор поиска из конечной точки \ take

...