>

팝업 알림 내에 드롭 다운 버튼을 만들고 싶습니다. 또한 드롭 다운 버튼은 데이터베이스의 배열에서 채워 져야합니다. 현재 데이터베이스에서 배열을 채우는 드롭 다운 버튼 (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>

자바 스크립트 :

$(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);
    }
  });
});

알림 팝업 메시지 안에 다음과 같은 드롭 다운 버튼을 만들고 싶습니다 ... 봐 이 사진


  • 답변 # 1

    설명에서 Magnific 팝업은 사용하기에 완벽 할 것입니다. 여기에 표시된대로 팝업 팝업 안에 양식을 사용할 수도 있습니다. 이 팝업 내에 드롭 다운 메뉴를 표시하고 인라인 팝업처럼 호출 할 수있는 것처럼 필요에 따라 팝업을 사용자 정의 할 수 있습니다.

    이것이 도움이되기를 바랍니다.

관련 자료

  • 이전 제약 조건 XCode ios Swift를 추가 한 후 Google지도에 배치 된 버튼이 사라짐
  • 다음 macos - chmod 755 모든 mach-o 실행 파일 - 맥 os x