Как получить значение в выпадающем списке при нажатии кнопки редактирования в Django

У меня есть форма (edit_city.html), где я хочу отредактировать свою запись, там также есть одно выпадающее поле, в котором данные извлекаются из другой модели под названием Country. Как я могу получить точное значение в выпадающем поле, когда я нажимаю на редактировать.

   class Country(models.Model):
       CountryID = models.AutoField(primary_key=True)
       CountryName = models.CharField(max_length=125, verbose_name="Country Name")

       def __str__(self):
           return self.CountryName

  class City(models.Model):
     CityID = models.AutoField(primary_key=True)
     CityName = models.CharField(max_length=125, verbose_name='City Name')
     Country = models.ForeignKey(Country, verbose_name='Country Name', 
     on_delete=models.CASCADE)

     def __str__(self):
         return self.CityName

views.py

     def Edit_City(request, id):
         city = City.objects.get(CityID=id)
         country = Country.objects.all()
         context = {
             'city':city,
             'country':country,
          }
          return render(request, 'City/edit_city.html', context)

edit_city.html

   <form method="post" action="{% url 'update_city' %}">
            {% csrf_token %}
            <div class="row">
                <div class="col-12">
                    <h5 class="form-title"><span>Edit City</span></h5>
                </div>
               {% include 'includes/messages.html' %}
               <div class="col-12 col-sm-6">
                <div class="form-group">
                    <label for="">Country</label>
                    <select class="form-control" name="country_id" required>
                        <option>Select Country</option>
                        {% for con in country %}
                        <option value="{{con.CountryID}}">{{con.CountryName}}</option>
                        {% endfor %}
                    </select>
                </div>
               </div>

                <div class="col-12 col-sm-6">
                    <div class="form-group">
                        <label>City Name</label>
                        <input type="text" class="form-control" name="city_name" value="{{city.CityName}}" required>
                        <input type="text" class="form-control" name="city_id" value="{{city.CityID}}" required hidden>
                    </div>
                </div>
                
                <div class="col-12">
                    <button type="submit" class="btn btn-primary">Update City</button>
                </div>
            </div>
        </form>

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