Question

我需要在用户选择时加载图片。

我希望使用DIV加载它们，但是怎么做？

jquery可以做到这一点，它是javascript，我相信。

那么如何编写一个管理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>

这显然需要调整......特别是图像的路径。但它基本上就是我想你想要的东西。

HTML jquery与手动执行

1 个答案: