자바스크립트 선택된 옵션 질문드립니다..


(노태현) #1
html + 자바스크립트 배우고 있는 학생입니다.
    <script>
            function drawImage() {
                var sel = document.getElementById("fruits");
                var img = document.getElementById("fruitimage");
                img.src = sel.options[sel.selectedIndex].value;
            }
            </script>
    <style>
    <body onload="drawImage()">
    <form>
    <select id="fruits" onchange="drawImage()">
    	<option value="img.jpg">1번값
    	<option value="img2.jpg" selected>2번값

    </select>
    <img id="fruitimage" src="media/banana.gif" alt="">

위 예제가 이미지를 불러오는 예제인건 알겠습니다.
저는 이미지 파일이 아니라 html상에 테이블 요소의 이미지와 텍스트를 변경해주고 싶은데요
어떻게 하면 좋을까요? 혹시 검색할만한 키워드가 있을까요 전혀 모르겠습니다


(이종은(Jong Lee)) #2

다른 프레임워크를 쓰지 않고 위에 첨부하신 예제처럼 처리한다는 했을 때 table 관련 dom을 다루는 방법에 대해 찾아보시면 될 것 같습니다.
다음 키워드 등으로 html을 javascript 다루는 방법에 대해 전반적인 공부를 하시면 어렵지 않게 하실 수 있을 거에요.

  • javascript로 dom 생성하기
  • javascript로 dom 변경하기