첫 번째 필터 항목을 기반으로 드롭다운 필터 값을 업데이트합니다.

Question

Mysql 데이터베이스 테이블의 값을 필터링하고 첫 번째 드롭다운에서 선택한 값을 기반으로 두 번째 드롭다운의 값을 업데이트하는 Flask 애플리케이션을 개발 중입니다. 마지막으로 일부 데이터를 반환합니다

이제 코드는 작동하지만 첫 번째 드롭다운에서 새 선택을 하면 두 번째 드롭다운에 첫 번째 드롭다운의 값과 두 번째 드롭다운의 예상 값이 채워지는 버그가 있는 것 같습니다. 목록 값 ​​

이렇게 해서는 안 됩니다. 두 번째 드롭다운에만 예상 값을 채우고 첫 번째 드롭다운의 값을 추가하지 않기를 바랍니다.

내 플라스크 애플리케이션 코드는 다음과 같습니다:

으아악

이것은 약간의 JavaScript가 포함된 HTML 코드입니다

으아악

감사합니다. 도움을 주시면 매우 감사하겠습니다

Answer 1

이 문제는 필터링 후 템플릿 응답을 보낼 때 발생합니다.

index.html을 렌더링했지만 해당 행에서 선택 옵션을 변경하면 index.html도 렌더링됩니다.

이는 기본적으로 브라우저에서 검사할 수 있는 선택 요소에 모든 HTML 코드를 붙여넣는 것을 의미합니다.

제 생각에는 자식 토픽의 응답으로 Python 사전만 보내야 한다고 생각합니다.

으아악

사전을 성공적으로 가져온 후에는 응답 형식이 지정되므로 json으로 구문 분석해야 합니다. 그런 다음 JS 루프를 사용하여 루프를 생성하고 이를 하위 주제 선택 항목에 추가할 수 있습니다.

으아악