Блог

Я создаю свое первое приложение и дошел до того, что хочу динамически обновлять свою таблицу, когда выбираю какое-либо значение из выпадающего списка. Я использую Flask с SQLAlchemy

У меня есть запрос, в котором перечислены все мои пользователи:

 customers = Customer.query.all()
 

и на моей HTML-странице я создал выпадающий список

 {% for x in customers %}
<option>{{ x.name }}</option>
{% endfor %}
 

в зависимости от выбранного значения я хочу автоматически сгенерировать таблицу ниже из другого запроса без использования кнопки отправки:

 invoice = Invoice.query.filter_by(customer="chosen value").all()
 

и в html:

 <table >
 <thead>
  <tr>
   <th>Description</th>
   <th>Date</th>
   <th>number</th>
   <th>sum</th>
  </tr>
 </thead>

 <tbody>
  {% for i in invoice %}
  <tr>
   <td>{{ invoice.description }}</td>
   <td>{{ invoice.date }}</td>
   <td>{{ invoice.number }}</td>
   <td>{{ invoice.sum }}</td>
  </tr>
  {% endfor %}

 </tbody>

</table>
 

Я знаю, что для этой опции мне нужно использовать jquery, и нашел несколько примеров, но не смог понять, как их использовать для моего решения.