select 의 옵션 value 선택하여 img 속성넣기 문제

JAVASCRIPT/예제들

나이많은 초보 2022. 8. 27. 16:33

<!DOCTYPE html>

<html>

<head>

function changeImage(){

var sel = document.getElementById("sel");

var img = document.getElementById("myImg");

}

</script>

</head>

<body>

</select>

</body>

</html>

<!-- * select 박스를 이용해 선택한 과일의 이미지가 화면에 나타나도록 하고자 코드를 작성하였다.

이미지가 화면에 나타나도록 하나의 과일을 선택했지만 선택한 과일의 이미지가 나타나지 않았다.

화면에 이미지가 나타지 않은 원인과 조치내용을 작성하시오.

-->

이미지파일을 넣기위해 문구수정을 하였음....

---------------------------------------

</style>

function changeImage(){

var sel = document.getElementById("sel"); //select선택

var str='';// 옵션값 받을 변수

var img = document.getElementById("myImg"); //이미지 속성추가할 변수

console.log(sel.length);

for (let i=0;i<sel.length;i++){

if(sel[i].selected) { // 옵션선택시는 checked와 같은것인 select인데...해깔린다....

str=sel[i].value;

console.log(sel[i].value); //확인

img.setAttribute("src",sel[i].value);

// img.setAttribute("src",str); //속성추가는 set/ 확인은 get 다같은데......제대로 모르면 해깔림

console.log(img.getAttribute("src")); //잘들어갔틑지 확인

}

</script>

</head>

<body>

</select>

</body>