Кнопка для выбора данных из базы данных из приложения 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.

Вернуться на верх