Как получить выбранное значение в bootstrap V5 select с помощью python
Я использую Class Based Views
в django... Тогда моя модель выглядит так:
models.py
class Survey(Base):
description = models.CharField('Description', max_length=50, unique=True)
item1 = models.CharField('Item1', max_length=50)
item2 = models.CharField('Item2', max_length=50)
...
class Meta:
verbose_name = 'Survey'
def __str__(self):
return self.description
Теперь я читаю данные из базы данных для заполнения select и все работает нормально.
Как мне получить этот элемент select для заполнения полей таблицы?
info.html
<div class="col-12">
<div class="card card-chart">
<div class="card-header ">
<div class="row">
<div class="col-sm-4 text-left">
<h2 class="card-title">Informations</h2>
<option selected>choose a option</option>
{% for s in survey %}
<option>{{s.description}}</option>
{% endfor %}
</select>
</div>
<!-- of course, in this moment variable [s] not exist -->
<div class="col-sm-8 text-right">
<table class="table">
<tbody>
<tr>
<td>item 1</td>
<td>item 2</td>
</tr>
<tr>
<!-- want fill this fields with select item above-->
<td>{{s.item1}}</td>
<td>{{s.item2}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
views.py
from django.views.generic import TemplateView
from .models import Survey
class IndexView(TemplateView):
template_name = 'index.html'
def get_context_data(self, **kwargs):
context = super(IndexView, self).get_context_data(**kwargs)
context['survey'] = Survey.objects.all()
return context
Вам следует добавить атрибут value к опциям, которые вы создаете в HTML.
Если вы хотите использовать значение в другом месте, вы можете выполнить следующую процедуру:
Вы получаете элемент Select, задавая ему определенный идентификатор, и извлекаете его значение.
Вы можете получить элемент, используя var el = document.getElementById("#id_of_select")
.
С помощью el.value
вы можете получить выбранное значение для select.