728x90
반응형
Ajax
-
[JAVASCRIPT] Ajax 다중 셀렉트 박스 동적으로 만들기언어/JAVASCRIPT 2022. 6. 8. 20:20
셀렉트박스가 여러개인데 첫번째 박스를 선택 후 관련된 데이터들을 두번째 박스에 갖고 오고 싶은 경우 PHP, JSP와 같은 정적인 웹사이트는 새로고침을 해야 데이터베이스에서 해당 데이터를 갖고 올 수 있다. 새로고침을 할 필요없이 자연스럽게 셀렉트박스의 데이터를 변경하고 싶은 경우 jquery를 사용하면 간단하게 해결 된다. 먼저 selectbox가 있는 페이지와 데이터베이스를 불러오는 페이지 두 개의 페이지를 준비하면 된다. (한 페이지에서 할 수 있지만 데이터가 많은 경우를 고려하면 나누는게 이득이 많다.) selectbox가 있는 페이지 (클라이언트단) html 선택 1 2 3 4 선택 javascript selectbox2 데이터 리스트 불러오는 페이지 php로 작성되었지만 다른 언어로 데이터베이..