$(document).ready(function() {
        $('.form-group').addClass('hidden');
        $('.form-group').first().removeClass('hidden');
        $('.form-control').on('change', function() {
            $(this).closest('.form-group').next().removeClass('hidden');
        });
    }); <div id="first-step">
                              <img class="modal-img" id="image-placeholder" src="{% static 'img/building.jpg' %}" alt="Изображение">
                              <form id="first-form" class="m-t" role="form" method="post">
                                  {% csrf_token %}
                                  {% for field in form %}
                                      <div class="form-group"
                                          {% if field.field.required %}
                                              aria-required="true"
                                          {% else %}
                                              aria-required="false"
                                          {% endif %}
                                      >
                                      <div class="container-input">
                                        {{ field|addclass:'select2_demo_1 form-control' }}
                                        <span class="fa fa-question-circle tooltip-icon tooltip-{{ forloop.counter }}" data-toggle="tooltip" title="{{ field.help_text|safe }}"></span>
                                      </div>
                                          {% if field.help_text %}
                                            <small id="{{ field.id_for_label }}-help" class="form-text text-muted">
                                                {{ field.help_text|safe }}
                                            </small>
                                          {% endif %}
                                      </div>
                                  {% endfor %}
                                  <input class="input-invisible" type="text" name="longitude" id="longitude">
                                  <input class="input-invisible" type="text" name="latitude" id="latitude">
                                  <div class="container-input">
                                    <div contenteditable="true" name="address" id="address" class="form-control"></div>
                                    <span class="fa fa-question-circle tooltip-icon tooltip-3" data-toggle="tooltip" title="Задайте адрес сайта"></span>
                                  </div>
                                  <small id="id_address-help" class="form-text text-muted mb">
                                        Задайте адрес сайта
                                  </small>
                                  <div class="yandex-map" id="yandex-map"></div>
                                  <button type="button" id="next-button" title="Новая прощадка"
                                      class="btn btn-primary block full-width m-b">Добавить площадку
                                  </button>
                              </form>
                          </div> нужно сделать чтобы можно было выбрать любой вариант из поля, а не только когда первое значение меняется на другое, можно выбрать и первое значение