IE 중, select.innerHTML이 적용되지 않는 해결 방법

어느 날 select 동적 생성 옵션을 만났는데 페이지 부분 코드는 다음과 같습니다.

  <select class="selectStyle" name="act_move_target" id="act_move_target">
    <common:folderOptions currentId="${curMoveFID}"/>
   </select>

FF, 크롬에서 사용 가능

$("#act_move_target").innerHTML = ${folderSelectHTML}

IE에 도착하면 안 돼요. IE의 BUG래요.인터넷에서 찾아보니 그 중의 해결 방법 중 하나는 select 상층부에 div 또는span을 덧붙이는 것이다. 다음과 같다.

<span id="spn_act_move_target">
  <select class="selectStyle" name="act_move_target" id="act_move_target">
    <common:folderOptions currentId="${curMoveFID}"/>
   </select>
</span>

IE, FF, 크롬에서 사용할 수 있습니다.

$("#spn_act_move_target").innerHTML = '<select class="selectStyle" name="act_move_target" id="act_move_target">' + ${folderSelectHTML} + '</select>'