궁금한 점이 있어 문의 드려봅니다.

수정 페이지 접속 시, 셀렉트박스에 등록시 선택한 값을 DB에서 불러와서 selected 하려고 하는데요...

(참고로 여기서 셀렉트박스는 동적 셀렉트박스 입니다)

언듯보면 잘 처리된 것처럼 보이는데, 아래 챕쳐 이미지처럼 클릭해 보면 같이 보여져야할 시/군/구 정보가 보이지 않는 현상 입니다.

참고로... 시/도를 변경 또는 재선택하면  시/군/구가 아래 캡쳐 이미지처럼 나타나긴 합니다.

코드의 어떤 부분이 문제일까요??;;

<div class="select-box">
     <label for="sido_name">시,도 선택</label>
    <select title="시,도 선택" name="sido_name" id='sido_name'>
        <option value="">시,도</option>
        <option value="서울">서울</option>
        <option value="경기">경기</option>
        <option value="인천">인천</option>
        <option value="대전">대전</option>
        <option value="세종">세종</option>
        <option value="충남">충남</option>
        <option value="충북">충북</option>
        <option value="광주">광주</option>
        <option value="전남">전남</option>
        <option value="전북">전북</option>
        <option value="대구">대구</option>
        <option value="경북">경북</option>
        <option value="부산">부산</option>
        <option value="울산">울산</option>
        <option value="경남">경남</option>
        <option value="강원">강원</option>
        <option value="제주">제주</option>
    </select>
</div>
<div class="select-box">
  <label for="sigungu_name">시,군,구 선택</label>
    <select title="시,군,구 선택" name="sigungu_name" id='sigungu_name'>
        <option value="">시,군,구</option>
    </select>
</div>
 
 
 
//등록 페이지
//[1]시,군,구 data DB에서 셀렉트박스 가져와서 뿌림 (동적 셀렉트박스) 
<script>
  $('#sigungu_name').html('<option value="">시,군,구</option>');                 
 
  for(id in result)
  {
    var obj = result[id];                   
    var str = '<option value="'+obj['sigungu_id']+'"> '+obj['sigungu_name']+' </option>';
      $('#sigungu_name').append(str);                                            
  } 
</script>
 
 
 
//수정페이지 
//[2]등록시 시,군,구 선택한 값 DB에서 가져와서 선택 
<script>
  $(document).ready(function()
  {
      var work_sido_name = '울산' ;               //근무지역 시,도 이름
      var work_sigungu_name = '동구' ;         //근무지역 시,군,구 이름        
      var work_sigungu_id = '26002' ;            //근무지역 시,군,구 id
 
      $('#sido_name').val(work_sido_name).prop("selected","selected").siblings("label").text(work_sido_name);                
      $('#sigungu_name').val(work_sigungu_id).prop("selected", "selected").siblings("label").text(work_sigungu_name);   //val에 id 값, label text에 name 값 대입.
  });
</script>