DB연동 다중 셀렉트박스

글쓴이:거친마루

http://maniacamp.com/examples/dynamicselect/

간간히 다중 셀렉트박스에 대한 질문도 올라오고..
또 적어두면 언젠가 쓰게될 팁인거 같아 올려둡니다.

뭐 말하는지는 아시지요? 첫번째 셀렉트박스를 선택하면 그에 해당하는 항목이 두번째 셀렉트 박스에 나타나고.. 세번째에 나타나고..

시중에 자바스크립트만을 이용한 예제가 나와있지만 내용이 상당히 많을경우 전부 자바스크립트 배열로 만들어두는건 불합리한 방법같구요..
첫번째 항목의 값을 submit 해서 페이지를 다시 만드는 방법도 좋은 방법이 아닐듯 싶습니다.

동적으로 html을 변경하는 방법에는.. xml data binding등 고급 기술도 있겠지만..
지난번에 잠깐 소개된, 간단히 스크립트를 조작하는 방법으로 동적 셀렉트 박스를 만들어봤습니다.

어젯밤에 친구녀석이 필요하다고 해서 급조한거라 주석도 성의없이 돼있고.. 반말로 된것도 있습니다. 이해하고 봐주세요 ^^

링크#1은 동작하는 예제이고 링크#2는 파일2개를 압축한것입니다.

일단 자바스크립트로 셀렉트박스의 옵션을 조작(?) 하는 방법에 대해선 이해를 하고 계셔야합니다. 실행 예제를 보고도 어째서 두번째 셀렉트박스가 변한건지 이해가 안가시는분은

http://maniacamp.com/examples/dynamicselect/loadData.php?form=selectform&trigger=v1&target=s2

위 링크를 입력하고 다운로드받아지는 자바스크립트 파일을 열어보시기 바랍니다.

1095318985.tar

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다