Django 양식 필드에 HTML 목록을 추가하는 방법
Saurabh_Jhingan
사용자가 장소의 양식 필드에 이름을 입력하고 ajax와 함께 keyup 기능을 사용하는이 코드를 작성하고 있습니다. 동일한 이름이 이전에 이미 제안되었는지 확인하기 위해 목록 요소의 백엔드에서 데이터를 가져옵니다.
이제 사용자가 입력을 시작하면 다음과 같은 결과가 표시됩니다.
보시다시피 "장소 이름"필드 아래에 추가 크기가 생성되고 그 이유는 아약스의 결과가 첨부되는이 필드에 "UL"요소를 생성했기 때문입니다. 이것이 잘 작동하지만 내가 찾고있는 것은 아래와 같은 Google 검색 결과와 같은 것입니다.
여기서 결과는 양식 위에 있으며 페이지 크기를 늘리지 않습니다. 하지만 어떻게해야할지 모르겠습니다. 질문에 대한 답을 찾을 수 없었기 때문에 이미 답변을했다면 사과드립니다. 이것에 대한 도움을 주셔서 감사합니다.
쇼빗 스리 바스타 바
이 CSS는 수정해야합니다.
#parent_container {
position: relative;
}
ul {
position: absolute;
z-index: 10; /* more than the z-index of underlying elements */
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
Django ModelForm에서 필드 속성으로 양식을 추가하는 방법
- 2
Django 양식에 추가 HTML을 추가하고 양식 레이아웃을 재정의하는 가장 간단한 방법은 무엇입니까?
- 3
HTML 양식에 문자열을 추가하는 방법
- 4
django 관리 양식에 동적 html5 데이터 속성을 추가하는 방법
- 5
Django Form에 HTML 양식을 첨부하는 방법
- 6
CiviCRM 양식에 정적 HTML 마크 업을 추가하는 방법
- 7
필드 속성 값을 Django 양식 필드 오류 메시지에 전달하는 방법
- 8
Django의 등록 양식에 2 개의 모델을 추가하는 방법은 무엇입니까?
- 9
Django-registeration-redux 등록 양식에 이름과 성을 추가하는 방법은 무엇입니까?
- 10
HTML 양식 검색-제출 후 드롭 다운 목록에서 선택한 값을 유지하는 방법
- 11
Flutter에서 제출 버튼과 숨겨진 입력 필드가있는 HTML 양식을 표시하는 방법
- 12
텍스트 필드에 이미지가있는 HTML 양식의 반투명 배경을 설정하는 방법
- 13
Django HTTP 응답에 Python 목록을 추가하는 방법
- 14
Django-양식 필드에 유효성 검사기를 추가하는 방법 (설정하는 대신)
- 15
Django : 백엔드에서 제한된 formset에 양식을 추가하는 방법은 무엇입니까?
- 16
양식 필드에 가변 내용을 입력하는 방법
- 17
HTML 양식 필드를 통해 Paypal Payments Standard에서 국가 / 지역을 올바르게 설정하는 방법
- 18
Django에서 프로필 등록 양식을 만드는 방법은 무엇입니까?
- 19
HTML 양식에 드롭 다운을 추가하는 방법은 무엇입니까?
- 20
필드 추가를 위해 Django 쿼리에서 목록을 사용하는 방법
- 21
Django-다 대다 모델 필드에 목록을 효율적으로 추가하는 방법
- 22
django ModelForm에서 사용자 기반 양식 필드 선택을 설정하는 방법 (django-allauth 사용)
- 23
HTML 양식에서 새로 만든 필드에 초점을 맞추는 방법은 무엇입니까?
- 24
C #의 다른 양식에서 목록 상자에 항목을 추가하는 방법
- 25
Windows 양식에 목록보기 항목을 추가하는 방법은 무엇입니까?
- 26
다른 양식의 목록에서 항목을 추가 / 제거하는 방법은 무엇입니까?
- 27
Django 관리자의 목록 표시에 서식있는 텍스트 HTML을 표시하는 방법
- 28
@ Html.DropDownListFor-목록에 추가 <옵션>을 추가하는 방법
- 29
Django-Widget-Tweaks 양식 필드에서 필수를 제거하는 방법
몇 마디 만하겠습니다