Maybe someone here can help me with a script that is supposed to change an image source url (‘pic2’) to match one of several options in a drop down. But if a user can’t make up their mind and click on another option, it adds a folder instead of replacing replacing. I can click on other options in the dropdown, and yet another folder is added.
<script>
function change3(picName,choice)
{
var url = (document[picName].src);
url = url.replace(/crenate/, choice);
url = url.replace(/margin_finelyserrate/, choice);
url = url.replace(/margin_lobed/, choice);
url = url.replace(/margin_undulate/, choice);
url = url.replace(/doubleserrate/, choice);
url = url.replace(/leaf_shapes/,"leaf_shapes/" + choice);
document[picName].src = url ;
}
</script>
The several dropdown options basically look like this one:
<li id="margin1"><a href="javascript:passit4('entire')" onclick="ShowContent('uniquename3'); change3('pic2','crenate');" >crenate or whicher is chosen</a></li>