Как создать выпадающую кнопку внутри всплывающего оповещения?

Question

Я хочу создать выпадающую кнопку внутри моего всплывающего предупреждения.И выпадающая кнопка должна заполняться из массива из базы данных.В настоящее время я успешно создаю кнопку выпадающего меню (кнопка HTML), которая заполняет массив из базы данных.Но я понятия не имею, как использовать эту выпадающую кнопку для всплывающего окна.

HTML:

<!--Trigger-->
<button class="btn btn-secondary dropdown-toggle" data-toggle="dropdown"> Choose Stations</button>
<!--Menu-->
<div id="dropdown-station-list" class="dropdown-menu dropdown-secondary">
</div>
<p id="station"></p>
<!--Trigger-->
<button class="btn btn-secondary dropdown-toggle" data-toggle="dropdown"> Choose Stations</button>
<!--Menu-->
<div id="dropdown-station-list" class="dropdown-menu dropdown-secondary">
</div>
<p id="station"></p>

Javascript:

$(function() {
  $.get("{% url 'rt3:api_station_list' %}", function(data) {
    // $("#dropdown-station-list").empty();
    alert("Choose which station you want to start your job")
    for (var i in data) {
      var dropdown_item = $("<button>", {
        class: "dropdown-item",
        text: data[i].name
      }).click(function() {
        var selected_tag = $(this).text();
        console.log(selected_tag + " selected");
        alert("Your location is : " + selected_tag);
        $("#station").append(selected_tag);
        $(this).addClass("active");
      });
      $("#dropdown-station-list").append(dropdown_item);
    }
  });
});

Я хочу создать выпадающую кнопку внутри всплывающих сообщений с предупреждением, как это ... посмотрите наэто изображение

Answer 1

Из вашего описания, я думаю, Великолепное всплывающее окно было бы идеально для вашего использования.Вы также можете использовать форму внутри увеличенного всплывающего окна, как показано здесь Всплывающее окно с формой .Вы можете настроить всплывающее окно в соответствии со своими потребностями, как если бы вы могли иметь раскрывающийся список внутри этого всплывающего окна и называть его встроенным всплывающим окном.

Надеюсь, это поможет вам.