attributes - 在选择时更改 src

Question

我想根据下拉列表菜单的选择来改变图像的 src 属性。例如，下拉列表包含“Peter, Henry, David”，图像将根据名称显示不同的图像（例如 peter.png、henry.png、david.png 或 1.png、2.png、3. png) 所以这就是我所做的。但是，它没有用。我不知道我在这里错过了什么。

<select id="name" name="name"> 
<option value="">Please select...</option> 
<option value="Peter">Peter</option> 
<option value="Henry">Henry</option> 
<option value="David">David</option> 
</select>

 <img src="default.png" id="imageholder" alt="imageholder" />

    <script type="text/javascript">
    $(document).ready(function() {      
        $("#name").change(function() { 
        var nameholder= $("#name").val(); 
        $('#imageholder').attr('src', nameholder + ".png" ); 
        });   
    })  
    </script>