@fraqlehver

Как сделать модалку в модалке(bootstrap)?

У меня есть модальное окно и в нем при нажатий на кнопку "отправить" нужно чтобы открылось другое модальное окно(мол результат что получилось). Прошу помочь дописать код, нужно сделать еще модалку. Модалка из bootstrap, пробовал сам ничего не получилось...
<div class="modal fade" id="Modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content modal-sm">
        <div class="modal-body">
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
            <div class="about_buy_title">
              <h2>Заказать устройство</h2>
            </div>
            <div class="about_buy_form">
              <form class="form_modal">
                <div class="form_group">
                  <input type="text" id="name" name="name" placeholder="Имя*">
                </div>
              
                <div class="form_group">
                  <input type="text" id="phone" name="phone" placeholder="Номер телефона*">
                </div>
              
                <div class="form_group">
                  <input type="text" id="contact" name="contact" placeholder="Удобный способ связи*">
                  <div class="find find_modal"></div>
                  <div class="connect_active form_connect_active connect_active_modal">
                    <a href="" class="connect_link"><span class="modal_icon modal_whatsapp_icon"></span><p>WhatsApp</p></a>
                    <a href="" class="connect_link"><span class="modal_icon modal_telegram_icon"></span><p>Telegram</p></a>
                    <a href="" class="connect_link"><span class="modal_icon modal_phone_icon"></span><p>Звонок на мобильный телефон</p></a>
                  </div>
                </div>
                <div class="form_group">
                  <input type="text" id="device_modal" class="input_val" name="device" placeholder="Bitmain Antminer S19j Pro">
                  <div class="find_devices find_devices_modal"></div>
                  <div class="value_changer">
                    <button class="value_minus" type="button" style="color:#CFCFCF">-</button>
                    <div class="value_count">1</div>
                    <button class="value_plus" type="button">+</button>
                  </div>
                  <div class="form_search form_search_modal">
                    <ul>
                      <li class="search_device search_device_modal"><a href="#">Bitmain Antminer S19j Pro</a></li>
                      <li class="search_device search_device_modal"><a href="#">Super Bitmain Antminer S19j Pro</a></li>
                      <li class="search_device search_device_modal"><a href="#">Duper Bitmain Antminer S19j Pro</a></li>
                      <li class="search_device search_device_modal"><a href="#">Puper Bitmain Antminer S19j Pro</a></li>
                      <li class="search_device search_device_modal"><a href="#">Luper Bitmain Antminer S19j Pro</a></li>
                    </ul>
                  </div>
                </div>
              
              </form>
              <button type="button" class="form_add_device form_add_device_modal">+ добавить устройство</button>
            </div>
          
            <div class="about_buy_send">
              <button type="button" class="send send_modal" data-bs-dismiss="modal" aria-label="Закрыть" data-toggle="modal" data-target="#Modal_send">отправить</button>
              <span class="about_buy_warn">Нажимая кнопку “Отправить заявку”, вы принимаете <a href="">условия передачи персональных данных</a></span>
            </div>
            
        </div>
        </div>
      </div>
    </div>
  </div>
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ответы на вопрос 1
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
можешь попробовать мой вариант с переключением модалок https://getbootstrap.com/docs/5.2/components/modal...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы