다중(2중) 셀렉트 박스 질문 드립니다. 채택완료

</p>

<p><div class="write_div">

            <label for="wr_4" class="sound_only">참가부문</label>

            <select id="wr_4" name="wr_4" class="frm_input full_input required" onchange="categoryChange(this)">

                <option value="">참가부문</option>

                <option value="어린이" <?php echo get_selected($wr_4, '어린이') ?>>어린이(잔여팀 - <?php echo $remain; ?>팀)</option>

                <option value="청소년" <?php echo get_selected($wr_4, '청소년') ?>>청소년(잔여팀 - <?php echo $remain2; ?>팀)</option>

                <option value="성인" <?php echo get_selected($wr_4, '성인') ?>>성인(잔여팀 - <?php echo $remain3; ?>팀)</option>

            </select>

        </div></p>

<p>

</p>

<p><div class="write_div">

            <label for="wr_3" class="sound_only">신청 도서명</label>

            <select name="SDIV" id="book" class="frm_input full_input required">

                <option>신청할 도서를 선택하세요</option>

            </select>

            

            <script>

            function categoryChange(e) {

                var book_a = ["신청할 도서를 선택하세요", "최숙희_네 기분은 어떤 색깔이니?", "권영세_동백나무가 웃다", "김상삼_약밤나무의 백 년 이야기"];

                var book_b = ["신청할 도서를 선택하세요", "김수빈_고요한 우연", "김선미_비스킷", "지혜_읽고 쓰고 내가 됩니다"];

                var book_c = ["신청할 도서를 선택하세요", "이슬아_가녀장의 시대", "김익한_거인의 노트", "박창원_오늘 보는 그제 뉴-쓰", "김혜진_툭복을 비는 마음"];

                var target = document.getElementById("book");</p>

<p>                if(e.value == "어린이") var d = book_a;

                else if(e.value == "청소년") var d = book_b;

                else if(e.value == "성인") var d = book_c;</p>

<p>                target.options.length = 0;</p>

<p>                for (x in d) {

                    var opt = document.createElement("option");

                    opt.value = d[x];

                    opt.innerHTML = d[x];

                    target.appendChild(opt);

                }

            }

            </script>

        </div></p>

<p>