none
ie10, ie11 에서 select multiple 사용시 javascript 오류 RRS feed

  • 질문

  • ie10, ie11 에서 select 태그를 multiple 로 선언후 사용할때,

    javascript 로 options[].text = 'value'; 를 사용하면 다른 옵션들이 선택되지 않습니다.

    테스트 소스는

    <!DOCTYPE html>
    < html>
    < body>
     <form>
      <select multiple onchange="myFunction(this)">
       <option>Apple</option>
       <option>Orange</option>
       <option>Pineapple</option>
       <option>Banana</option>
      </select>
     </form>
    
     <p id="demo"></p>
     <script>
     function myFunction(selTag){
      var x = selTag.options[selTag.selectedIndex].text;
     selTag.options[selTag.selectedIndex].text = "test";
      document.getElementById("demo").innerHTML="You selected: " + x;
     }
     </script>
    < /body>
    < /html>
    

    이고, 참고 동영상은

    youtube.com/watch?v=qfWnvkpY1J0&feature=youtu.be

     

    입니다.

     

    javascript 의 innerHTML 로 변경하면 선택이 가능한데,

    text 로 변경하면 선택이 되지 않습니다.

     

    원인이 무엇일까요?

    2014년 1월 20일 월요일 오전 12:19