jquery - 使用 select 切换图像

Question

我对 jQuery 相当陌生，我正在尝试通过从 select HTML 标记获取链接来切换图像 src 属性。

这是我正在使用的选择 HTML:

<select id="pages">
  <option value="Manga/Naruto/Friends/01.png">1</option>
  <option value="Manga/Naruto/Friends/02.png">2</option>
  <option value="Manga/Naruto/Friends/03.png">3</option>
  <option value="Manga/Naruto/Friends/04.png">4</option>
</select>

这是我尝试使用的 jQuery 脚本，用于切换图像 src 属性:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $("#pages").change(function(){
    $('#greatphoto').attr('src', val());
    //.val());
  }); 
</script>

这是我尝试切换的图像的占位符:

<div id="mangaImages">
  <img id="greatphoto" src="Manga/Naruto/Friends/01.png" />
</div> <!-- end of mangaImages -->

任何有关此问题的帮助将不胜感激。

Answer 1

你可以尝试一下

$(this).val()

而不是

val()