테스트 사이트 - 개발 중인 베타 버전입니다

동적으로 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개

채택된 답변
+20 포인트
F
9년 전

45번째 줄 

 

for(var count = 0; count < changeItem.size(); count++){        

이부분을 

 

for(var count = 0; count < changeItem.length; count++){        

이렇게 바꾸세요. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

툥이
9년 전
감사합니다^^!!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인