테스트 사이트 - 개발 중인 베타 버전입니다

셀렉트 박스에서 이미지 체인지 채택완료

세상의지배자 7년 전 조회 3,320

여기서 내용이 바뀝니다.

 

 

위처럼 하면 이미지 체인지를 할수 있는데... 아이디 값을 넣는다던지 해서  value 값은 그대로 유지 하면서 바뀌게 하고 싶은데 잘 안되네요  어떻게 하면 될까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
7년 전

※ https://opentutorials.org/course/53/45

※ https://www.w3schools.com/jquery/jquery_selectors.asp

</p>

<p><script>

$(function() {

    $('#one01').on('change', function() {

        var selected_val = $(this).val();

        var str = "";

        

        if (selected_val == "1단명함꽂이")

            str = "img/img1.jpg";

        else if (selected_val == "2단명함꽂이")

            str = "img/img2.jpg";

        else if (selected_val == "3단명함꽂이")

            str = "img/img3.jpg";

        else if (selected_val == "img/car3.jpg")

            str = "img/car3.jpg";</p>

<p> </p>

<p>        str = '<img src="' + str + '">'; </p>

<p>            

        $('#dynamic_img').html(str);

    });    

});    

</script></p>

<p> </p>

<p><select name="selectBox" id="one01">

    <option value="1단명함꽂이">나</option>

    <option value="2단명함꽂이">센서그림</option>

    <option value="3단명함꽂이">회사그림</option>

    <option value="img/car3.jpg">이미지</option>

</select></p>

<p> </p>

<p><div id="dynamic_img" align="center">여기서 내용이 바뀝니다.</div></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

세상의지배자
7년 전
그대로 적용 시켜 보았는데 반응이 없네요

댓글을 작성하려면 로그인이 필요합니다.

오 저런 질문이여구나 트샷님 대단

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

질문이 이해가안가네요..

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

질문이 이해가안가네요..

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인