在选择时更改src

Question

我想根据下拉列表菜单的选择更改图像的src属性。例如，droplist包含＆＃34; Peter，Henry，David＆＃34;，图像将根据名称显示不同的图像（类似于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>