다중셀렉트 수정시 옵션 풀림 채택완료

안녕하세요. 다중셀렉트로 여분필드를 활용하고 있는데요

글 수정시 선택된 옵션이 풀리는 현상때문에 문의드립니다.

<tr>
            <th scope="row"><label for="wr_6">상품구분</label></th>
   <td>
   
   <select name="wr_6" value="<?=$write['wr_6']?>" id="category" class="required input-d" onChange="javascript:hobbychange(document.fwrite.wr_6.options.selectedIndex);">
       <option selected value="">상품구분</option>
       <option value="수입" <? if($write[wr_6]== "수입") echo " selected "; ?>>수입</option>
       <option value="고정지출" <? if($write[wr_6]== "고정지출") echo " selected "; ?>>고정지출</option>     
   </select>
   
   <select name="wr_6" id="wr_6" value="<?=$write['wr_6']?>" class="required input-d">
       <option value=''>선택하세요</option>
   </select>
   
   <script language="JavaScript">
    $("#category").change(function () {
     var category = $(this).val();
     switch (category) {
      case "수입":
      $('#wr_6').find('option').remove();      
      $('#wr_6').append("<option value='기타수입' <? if($write['wr_6']== '기타수입')  'selected'; ?>>기타수입</option>");
      $('#wr_6').append("<option value='전월이월' <? if($write['wr_6']== '전월이월')  'selected'; ?>>전월이월</option>");
      break;
      
      case "고정지출":
      $('#wr_6').find('option').remove();
      $('#wr_6').append("<option value='월세' <? if($write['wr_6']== '월세') echo ' selected '; ?>>월세</option>");
      $('#wr_6').append("<option value='관리비' <? if($write['wr_6']== '관리비') echo ' selected '; ?>>관리비</option>");
      break; 
     }
    });
   </script>

   <script>
   hobbychange(document.fwrite.wr_6.options.selectedIndex);
   $("#wr_6").val("<?=$wr_6?>");
   </script>

다른 분들이 문의하신 내용 참고해서 수정해보았는데 잘 안되네요ㅜㅜ

혹시 어떤게 문제인지 아시면 조언부탁드립니다.

감사합니다.