동적으로 select option 추가 하기(empty와 append) 채택완료
툥이
9년 전
조회 5,185
http://yamea-guide.tistory.com/85">http://yamea-guide.tistory.com/85
여기를 참고해서 셀렉트 박스를 구현하려고하는데 계속 빈공간이 나오네요 ㅠㅠ..
</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span><div class="form-group has-feedback text-gap"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><label class="col-sm-2 control-label" for="reg_mb_1"><b>분야</b><strong class="sound_only">필수</strong></label></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><div class="col-sm-3"></p><p> <select name="mb_1" id="reg_mb_1" required class="form-control input-sm nospace" onchange="itemChange()"></p><p> <option value="">선택하세요</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="A" <?php echo get_selected($member['mb_1'],"A");?>>A</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="B" <?php echo get_selected($member['mb_1'],"B");?>>B</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="C" <?php echo get_selected($member['mb_1'],"C");?>>C</option></p><p> </select></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></div></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></div></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><div class="form-group has-feedback text-gap"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><label class="col-sm-2 control-label" for="reg_mb_2"><b>2차 분야</b><strong class="sound_only">필수</strong></label></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><div class="col-sm-3"></p><p> <select name="mb_2" id="reg_mb_2" class="form-control input-sm nospace"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span> <option value="">선택하세요</option></p><p> </select></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></div></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></div></p><p><script></p><p>function itemChange(){</p><p> </p><p>var keyboard = ["갈축","청축","적축"];</p><p>var mouse = ["광마우스","유선마우스","비싼마우스","미키마우스"];</p><p>var monitor = ["17인치","22인치","24인치","26인치"];</p><p> </p><p>var selectItem = $("#reg_mb_1").val();</p><p> </p><p>var changeItem;</p><p> </p><p>if(selectItem == "A"){</p><p> changeItem = keyboard;</p><p>}</p><p>else if(selectItem == "B"){</p><p> changeItem = mouse;</p><p>}</p><p>else if(selectItem == "C"){</p><p> changeItem = monitor;</p><p>}</p><p> </p><p>$('#reg_mb_2').empty();</p><p> </p><p>for(var count = 0; count < changeItem.size(); count++){ </p><p> var option = $("<option>"+changeItem[count]+"</option>");</p><p> $('#reg_mb_2').append(option);</p><p> }</p><p> </p><p>}</p><p> </p><p></script></p><p> </p><p>
어디가 잘못된건지 모르겠어요.. 자꾸 select1에 값을 2차값이 아무것도 나오질않아요.. 도움부탁드립니다..
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인