Кнопка для выбора данных из базы данных из приложения django
введите описание изображения здесьУ меня есть приложение django и база данных Мне нужно создать кнопку в моем index.html, вы нажимаете на нее и можете выбрать страну, которую вы хотите выбрать. но у меня проблема, моя кнопка выглядит как на картинке. У меня все названия в одной строке и есть слова ... кто может мне помочь?
Я создал модели:
class Country(models.Model):
id = models.IntegerField(primary_key=True)
name = models.CharField(max_length=1, blank=True, null=True)
class Meta:
db_table = 'country'
def __str__(self):
return f'{self.name}'
мой index.html
<form method="POST">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"> <i class="fa fa-arrow-circle-o-right"></i> </span>
</div>
<select name="start_time" id="id_start_time" class="form-control">
<option>{{name}}</option>
</select>
</div> <!-- input-group.// -->
</div> <!-- form-group// -->
<div class="form-group">
<div class="input-group">
Я думаю, что вы напрямую передаете набор запросов в представление и используете его как .
Вы должны просмотреть (используя язык шаблонов Django) набор запросов в html следующим образом:
<form method="POST">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"> <i class="fa fa-arrow-circle-o-right"></i> </span>
</div>
<select name="start_time" id="id_start_time" class="form-control">
{% for each_country in name %}
<option value="{{each_country.name}}">{{each_country.name}}</option>
{% endfor %}
</select>
</div> <!-- input-group.// -->
</div> <!-- form-group// -->
<div class="form-group">
<div class="input-group">
Обратите внимание, что я добавил цикл for, используя теги шаблона Django.