在页面上多次使用相同的jQuery

Question

我想在同一页面上多次使用以下jQuery，以在页面上显示多个不同的图像。

http://jsfiddle.net/magnus16/VYbLX/

提前致谢！

Shape

<img src="http://lorempixel.com/400/200/sports/1" />
<select id="picDD">
    <option value="1" selected>Picute 1</option>
    <option value="2">Picute 2</option>
    <option value="3">Picute 3</option>
    <option value="4">Picute 4</option>
    <option value="5">Picute 5</option>
</select>

Answer 1

可能是，我猜，你没有得到正确的index值。请改用以下代码：

$('#picDD').change(function () {
    var val = parseInt($('#picDD').val());
    $('img').attr("src",pictureList[val - 1]);
});

数组以0作为第一个索引，而不是1。