HTML jquery 대 수동으로 처리하기

Question

사용자가 선택한 이미지를로드해야합니다.

DIV를 사용하여로드하려고하지만 어떻게해야합니까?

jquery가 할 수 있고 자바 스크립트에 있습니다.

그래서 어떻게 div 완성을 관리하는 함수를 작성하거나 너무 복잡합니까?

이 단계에서 명확성을 찾고 있습니다.

감사합니다.

편집 : 글쎄 내가 드롭 다운 목록과 사용자가 하나의 옵션을 선택하면 이미지를 잔뜩로드해야합니다. 나는 이미지를 캐쉬하고 그들을 보여주고 싶다.

내 사이트를 보여줄 수는 있지만 광고로 볼 수 있습니다.

<select id="videodromeMenu" onchange="doDestination('videodromeMenu');"> 
       <option>Choose Your Destination...</option> 
       <option>Pawns In The Game</option> 
       <option>Akira</option> 
       <option>Apocalypse Now</option> 
       <option>Blade Runner</option> 
       <option>Crouching Tiger Hidden Dragon</option> 
       <option>Dr. Strangelove</option> 
       <option>Enemy at the Gates</option> 
       <option>Nikita</option> 
       <option>Out Of Africa</option> 
       <option>Pulp Fiction</option> 
       <option>Scarface</option> 
       <option>Silence Of The Lambs</option>> 
       <option>The Abyss</option> 
       <option>The Big Blue</option> 
       <option>The Thirteenth Floor</option> 
     </select> 

여기에 몇 가지 코드가 있지만 실제로는 도움이되지 않습니다.

Answer 1

<select id="imageList"> 
    <option value="purple.jpg">Purple.jpg</option> 
    <option value="red.jpg">Red.jpg</option> 
    <option value="blue.jpg">Blue.jpg</option> 
</select> 

<div id="imageDisplay"></div> 

<script type="text/javascript"> 
    $('#imageList').change(function() { 
     $('#imageDisplay').empty() // remove what's currently in the div 
     $('#imageDisplay').html('<img src="' + $(this).val() + '" />'); 
    }); 
</script> 

이것은 분명히 조정해야합니다 ... 특히 이미지 경로. 하지만 기본적으로 내가 ~ 생각하고있는 것입니다.