같이사자 :: 공동구매 게시물 작성 코드 작성, selectbox option ajax 처리 오류

 

기존에 하던 프로젝트를 혼자 이어서 진행하고자 한다.

이번에 할 것은 공동구매 게시물을 작성할 수 있도록 하는 것이다.

 

먼저 Annotation Mapping 을 통해 jsp 파일에 주소를 연결시켰다.

 

 

같이사자 공동구매 사이트는 모집마감일을 현재 날짜를 기준으로 21일까지 선택할 수 있다.

따라서 jQuery datepicker 옵션의 maxDate에 값을 주어 선택의 제한을 두었다.

 

 

 

그 결과, 모집마감날짜 선택 시 현재 날짜로부터 3주 내의 날짜까지 선택할 수 있다.

 

 

 

 

여기서부터가 어려웠다...

대분류 선택 selectbox 는 controller 를 통해 db에 있는 대분류 목록을 가져와서 넣어주었다.

소분류 선택은 사용자가 선택한 대분류에 속하는 소분류를 가져와야 한다.

 

나는 이를 페이지 새로고침이 아닌 비동기 방식으로 처리하기 위해 ajax 처리를 해주었다.

 

 

먼저 ajax 처리를 하는 jquery 함수를 만들었고 그 안에 post jquery 함수를 사용하였다.

위에 정의한 함수를 대분류 카테고리 option 이 바뀔 때마다 실행되도록 하였다.

 

이후에 BuypostController 에 ajax 관련 메소드를 정의했다.

대분류 카테고리의 코드를 얻어와 그에 해당하는 소분류 카테고리 목록을 ajax.jsp 페이지에 반환한다.

 

 

ajax.jsp 파일에는 이렇게 띄울 값만 작성하면 된다.

그렇게 시행착오 끝에 소분류 카테고리 목록을 띄우는데까지는 성공했는데...

 

문제가 발생했다.

 

 

이렇게 대분류 카테고리를 선택하면 선택할 수 있는 selectbox 대신

이상한 모양의 selectbox 가 뜬다................ 뭐가 잘못된걸까 ..........................................

 

 

view jsp 파일의 코드 구성은 이러한데...

subCategory-select class 에 html 로 넣어줘서 안되는걸까???

val(), text() 모두 시도해봤지만 다 안된다... ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

 

 

 

아마 내가 볼 땐 여기 코드가 문제인 것 같은데.. 하하 일단 넘어가고 다른 것 먼저 해야겠다 ! ~~~

오늘 코드는 여기까지 하고 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 자바 복습해야지 ..