첫 select box 선택 값에 따라 두 번째 select box 출력/숨기기

Question

안녕하세요. 처음 select box에서 숙소를 선택했을 때에만 두 번째 select box가 출력되는 구성을 만들고 싶습니다.구글에 찾아보면 java script를 사용하여 구현하는 예시들을 많이 찾을 수 있는데, 형식을 사용해서 제가 원하는 구성을 만들 수는 없는 건가요? 저렇게 작성하면 비교적 간단하게 만들 수 있을 것 같은데 java script는 적어야 할 것들이 필요 이상으로생기는 느낌이 들어서 혹시 방법이 있는지 고견 여쭈어보고 싶습니다.

시인들 · Answer

방법은 있지연..예전에는 그런방식도 쓰긴 했었음..할려면 페이지를 재호출해야됨 요즘은 안쓰져 선택했는뎅깜박이면 열받거든연 아 호출할 때는 onchange에 submit했었던걸롱 기억함

HJOW · Answer

안됩니다. (윗분 말씀대로 하면 매번 선택할때마다 form submit 처리를 해줘야 합니다... 화면이 리프레시됩니다. 이렇게 되면 다른 입력요소와 선택요소까지 매번 전부 전송해야 합니다. 스크립트 내 변수는 싸그리 초기화되구요. 그래서 요새는 절대 이 방법을 사용하지 않습니다.) jsp의 <% %> 와 JSTL, EL 표현법은 서버에서 구동됩니다.서버에서 처리되고 나면 HTML 내용이 만들어지겠지요. 그게 사용자 PC로 전송되어 웹 브라우저가 받아 스크립트를 실행하고 화면을 출력합니다. 즉 HTML요소들은 이미 사용자 PC에 도달한 상태입니다.여기서 사용자가 선택박스에서 항목을 하나 선택했다고 해도, 서버는 이를 알 수 없습니다. 그저 사용자 PC에서만 선택된 상태입니다. 그러나 JSTL 태그는 서버에서 실행되는 코드이니 당연히 선택박스 값을 사용할 수가 없습니다. 이걸 구현하려면 선택박스가 선택되자마자 서버에 값을 전송해야 하는데form submit 을 하면 form 태그 내 모든 입력/선택요소 값들이 서버로 전송이 되며 그 응답화면을 HTML로 받게 되는거구요 (근데 리프레시됨)화면 리프레시를 막기 위해 ajax 나 fetch 등의 기술을 사용하는 게 보통입니다. java script는 적어야 할 것들이 필요 이상으로생기는 느낌이 들어서 혹시 방법이 있는지 고견 여쭈어보고 싶습니다. 그 적어야 할 것들이 &#34;필요&#34; 한 거라는 생각을 해보세요.그리고, 클라이언트-서버 개념은 꼭 이해하고 가야 합니다. 적어도 내가 짠 코드가 어디서 실행되는지는 알아야죠. 그러면 이 질문 하지도 않았을 텐데.

첫 select box 선택 값에 따라 두 번째 select box 출력/숨기기

2개의 답변

Q&A 목록