다중SelectBox 질문입니다. 궁금한게 많네요;;

Question

현재 다중Selectbox를 구현하고 있습니다. DB에있는 데이터로 구성을 하고있는데요 A테이블에서 불러온 데이터를 Selctbox로 구성하는데 그중 하나를 선택하면 그 값이 두번째 Selectbox로 넘어가게 했습니다.하지만 option value부분을 보시면 현재 처음부터 DB데이터로 구성이 되는게 아니라 value '1' 을 클릭해줘야 DB데이터가 넘어오고있습니다. 두번째 Selectbox도 마찬가지로 value'1'를 보내줘야 첫번째 Selectbox(A테이블)에 해당하는 (B테이블)DB데이터로 가져오고있습니다. 처음부터 바로 DB데이터로 selectbox를 구성하려면 어떻게 해야하나요 JSTL로 구현하면 된다고 하던데 도무지 감이 잡히질 않네요;; 방법 외에 다른 방법이 있는지 부탁드립니다..ㅠㅜ 부책/카드 javascript부분 GetImyaToji : function(){ var selectedVal = $("#imya_toji option:selected").val(); $("#imya_toji").removeOption(/./); $("#imya_toji").addOption("", ":: 선택 하여 주십시오! ::", true); $("#boo_card").removeOption(/./); $("#boo_card").addOption("", ":: 선택 하여 주십시오! ::", true); $.ajax({ type: 'POST', url: '../../svc', data : {svc : "GetImyaToji"}, dataType: 'xml', success: function(xml){ var conditions_box = ""; $(xml).find("리스트").each(function(){ var code1 = $(this).find("리스트코드").text(); var name1 = $(this).find("리스트명").text(); if (selectedVal != code1) { conditions_box += ""; } else { conditions_box += ""; } }); $("#imya_toji").append(conditions_box); }, error: function(){ alert('Error loading XML document'); } }); }, GetBooCard : function(){ var selectedVal2 = $("#boo_card").val(); var selectedImyaToji = $("#imya_toji").val(); $("#boo_card").removeOption(/./); $("#boo_card").removeOption(/./); $.ajax({ type: 'POST', url: '../../svc', data : {svc : "GetBooCard", selectedImyaToji:selectedImyaToji}, dataType: 'xml', success: function(xml){ var conditions_box = ""; $(xml).find("리스트").each(function(){ var code2 = $(this).find("리스트코드").text(); var name2 = $(this).find("리스트명").text(); alert("code1 : " +code2); if (selectedVal2 != code2) { conditions_box += ""; alert("code2 : " + code2+ " "+ "name2 : " + name2); } else { conditions_box += ""; } }); $("#boo_card").append(conditions_box); }, error: function(){ alert('Error loading XML document'); } }); },

아야나미 · Answer

jar 추가가 된다면 ajaxtags 사용하시면 어떤가요..전자정부프레임워크 보고 혼자 연습삼아해봤던 것 같습니다

아야나미 · Answer

http://blog.naver.com/reilove333/220208603031

Mezzo · Answer

A테이블의 자료로 만들어지는 a selectbox( imya_toji )는 페이지가 로딩될때 DB에서 얻어와 option값을 만들어야 하고, B테이블에서 얻어오는 b selectbox ( boo_card )는 a selectbox를 선택하면 B테이블에서 값을 얻어와 option을 만들어야 하는건가요?

아야나미 · Answer

네 아마 그런 구조 일 거에요Mezzo 님이 작성자 인줄 알았네요..

껄뱅이 · Answer

네네맞아요 A테이블의 DB데이터(자료)를 가지고와서 A selectbox를 구성하고 A selectBox에서 선택한 데이터와 B테이블의 DB데이터 자료를 비교하여 같은 것만 가지고와서 B selectbox를 구성하려고 합니다. 전자정부프레임워크로 사용하진 않지만 알려주신데로 ajaxtags,ajaxselect를 사용해보겠습니다~ 자꾸 value값을 선택해줘야 값이 나오니...구글링을 그렇게 했는데 안나오네요;;;검색을 잘못하고있나봅니다..

Mezzo · Answer

위에서 제가 이해한것만로는 이렇게 하면 될것 같네요. 테스트는 안해봐서 자잘한 오류가 있을수 있습니다.

껄뱅이 · Answer

답변감사합니다. GetImyaToji : function(sval){이부분에서 alert로 sval를 찍어보니 아무값이 들어오지 않는데 여기서 첫번째 selectbox데이터가 들어와야하지 않나요? 지금은 아무데이터가 안들어와서 두번째 셀렉트박스가 선택되지 않네요

껄뱅이 · Answer

해결했습니다. ㅎㅎㅎㅎ onchanged에서 두번째 셀렉트박스text.getboocard(this.value)적어주고var test &#61; { . GetBoocard : function(sval){ 이렇게 하니까 값이 넘어가네요 ㅎㅎㅎ 답변감사합니다!

다중SelectBox 질문입니다. 궁금한게 많네요;;

8개의 답변

Q&A 목록