纯JS-eventlistener鼠标悬停选择选项可基于悬停显示图像

Question

我需要根据下拉菜单中鼠标的悬停位置在div中显示图像。到目前为止，这就是我所拥有的。它仅适用于select中的FIRST选项。任何帮助表示赞赏！ ：-）

JS：

document.getElementById("configuration").addEventListener("mouseover",configurationchange); 
function configurationchange(e){
    var configurationvalue = e.target.value;
    fddisp_image2(configurationvalue); /* this function displays the image in div with innerhtml */
}

HTML：

<select name="configuration" id="configuration">
    <option value="select">Select</option>
    <option value="Square/Rect.">Square/Rectangular</option>
    <option value="Oval">Oval</option>
    <option value="Round">Round</option>
</select>