홈>
팝업 알림 내에 드롭 다운 버튼을 만들고 싶습니다. 또한 드롭 다운 버튼은 데이터베이스의 배열에서 채워 져야합니다. 현재 데이터베이스에서 배열을 채우는 드롭 다운 버튼 (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
관련 자료
- ios - Tableview 셀 내부에 동적 collectionView 생성
- python - 라디오 버튼 내에서 루프 실행
- user interface - GAS는 서버 측 유효성 검사 PropertiesServicegetScriptProperties () 스프레드 시트 ID에서 경고를 생성합니다
- javascript - 반응 후크 안에 새 JSON 객체를 생성하려면 어떻게해야합니까?
- user interface - flutter에서 버튼 스타일링을 만드는 방법은 무엇입니까?
- widget - thingsboard - 대시 보드에서 "나머지 api 호출"버튼 만들기
- postgresql - 임시 테이블을 만들고 삽입 한 다음 pgsql 함수 내에서 선택합니다
- javascript - Vue를 사용하여 링크 내부의 버튼 트리거
- html - 안의 안의 버튼 중앙에 배치
- SUM in Room - room의 sum - 클래스 viewmodel 오류 내에서 인스턴스를 만들 수 없습니다 java
- javascript - 안녕하세요, 제 목표는 "확인란 생성"버튼을 누르면 입력 유형 텍스트를 사용하지 않고 ID가있는 확인란이 자동으로 생성됩니다
- c# - 제출 버튼에서 CSV 파일 생성 및 파일 생성 실패시 오류 메시지 표시
- razor - aspnet core 및 bootstrap - 양식 그룹에 드롭 다운을 배치하는 방법은 무엇입니까?
- python - 출력을 저장하기 위해 tkinter 프로젝트에서 저장 버튼을 만드는 방법은 무엇입니까?
- Cannot Create Alert Message for User When Radio Button Option is Submitted - 라디오 버튼 옵션이 제출되면 사용자에 대한 경고 메시지를 생성 할 수 없음 - 자바 스크립
- android - 내부에 특정 콘텐츠가있는 ADB를 통해 * txt 파일 생성
- python - Pandas Series 내부 요소를 기반으로 마스크 만들기
- winforms - Windows Form에서 버튼을 자동으로 생성하는 방법은 무엇입니까?
- java - 버튼에 대한 이벤트 리스너를 생성했는데 존재하지 않는다는 메시지가 표시되면 어떻게해야합니까?
- firebase - 로그인 한 사용자 내부에 사용자를 생성 할 수 있습니까?
관련 질문
- javascript : 브라우저에서 페이지 로드 시 오디오 자동 재생
- javascript : jQuery 인라인을 어떻게 사용합니까?
- javascript : [복제] 클릭 시 버튼 색상 전환
- javascript : 버튼 클릭으로 커서를 변경하는 방법
- javascript : TypeError: data.forEach는 함수가 아닙니다.
- javascript : .click 토글 기능을 어떻게 재설정합니까?
- javascript : HTML 전화번호 유효성 검사
- javascript : jquery를 사용하여 카테고리에 따라 관련 없는 div를 페이드 아웃하는 메뉴
- javascript : html, css, js로 onclick 이벤트를 어떻게 할 수 있습니까?
- javascript : codepen.io 프로필 이미지 업로드 JQuery가 작동하지 않음
설명에서 Magnific 팝업은 사용하기에 완벽 할 것입니다. 여기에 표시된대로 팝업 팝업 안에 양식을 사용할 수도 있습니다. 이 팝업 내에 드롭 다운 메뉴를 표시하고 인라인 팝업처럼 호출 할 수있는 것처럼 필요에 따라 팝업을 사용자 정의 할 수 있습니다.
이것이 도움이되기를 바랍니다.