根据下拉选项叠加图像

Question

我在这里要完成的是以下内容：

• 创建一个画布，人们可以从各种（下拉菜单）吉他中进行选择，当他们选择图像的某些部分时，部件会显示在画布内。

• 让我们说有人试图选择车身颜色。会有一个带有“body color”的菜单和下面的颜色选项。当他们选择不同的颜色时，会相应地改变颜色。

• 同样的“颈部颜色”选项。 （这是我的一个问题）
• “硬件颜色”选项也是如此。
• “pickguard color”选项也是如此。

我能够正确地改变身体颜色，但由于某种原因身体正在显示两次。

当我选择颈部选项时，它会显示正确的颈部，但身体会消失。

这是我到目前为止开发的代码，但显然没有按预期工作。任何帮助将非常感激。

这是迄今为止的内容（见评论）。

<script type="text/javascript">

$(document).ready(function() {
$('#switchSel').change(function() {

var switchPic = $('.switch');
switchPic.removeClass();
switchPic.addClass('switch ' + $(this).val());
})
})

</script>