[Rowsdower!]

Originally Posted by bfly03

so i got it working with the code below:
do you know how i can change an image out as well?

thanks!

<select id="myoptions" onchange="dosomething()">
    <option value="myhome">my home page</option>
    <option value="myresume">resume</option>
    <option value="myhobbies">hobbies</option>
    <option value="mydog">my dog</option>
</select>
<br /> <br />
 
<a id="mylink" href="this.html">Link on first load</a>

function dosomething() {
    var inputSelector = document.getElementById("myoptions");
    var link = document.getElementById("mylink");
    if (inputSelector.value == "myresume") {
        link.innerHTML = "My Resume";
        link.href = "resume.html";
    } else {
        link.innerHTML = "Other Things";
        link.href = "other.html";
    }
    
}

You would just need to add the image-changing lines of script into your existing function. I don't know what image you are changing or what you are changing about it, but it would look something roughly like this:

function dosomething() {
    var inputSelector = document.getElementById("myoptions");
    var link = document.getElementById("mylink");
    var myimage = document.getElementById("myimage");
    if (inputSelector.value == "myresume") {
        link.innerHTML = "My Resume";
        link.href = "resume.html";
        myimage.src="path/to/new/image/location.jpg";
    } else {
        link.innerHTML = "Other Things";
        link.href = "other.html";
        myimage.src="path/to/some/other/image/location.jpg";
    }
    
}

...
...
...

<select id="myoptions" onchange="dosomething()">
    <option value="myhome">my home page</option>
    <option value="myresume">resume</option>
    <option value="myhobbies">hobbies</option>
    <option value="mydog">my dog</option>
</select>
<br /> <br />
 
<a id="mylink" href="this.html">Link on first load</a>
<img id="myimage" alt="image description" src="path/to-image.jpg" />