Skip to main content
Inspiring
Aug 6, 2015 7:11 PM UTC
Question

drop down menu link

Hi. I just have a simple drop down menu. I would just like to have one of the options be a link. How do I do that? I thought I found something yesterday that would work, but it doesn't. Here's what I found:

<select name="Socket_Adapter_Choice" onchange="location = this.options[this.selectedIndex].value;">

  <option selected value=""></option>

    <option value="Add_Socket_App.cfm">Add Socket Application</option>

  <option value="Add_Adapter_App.cfm">Add Adapter Application</option>

  </select>

Thanks.

Andy

This topic is closed to new replies. Start a new post to keep the conversation going.

1 reply

Inspiring
Aug 7, 2015 8:00 AM UTC

Google is you friend! There are so many results just for this type of question on stackoverflow.

Anyway, you will need to do something liek this:

<select name="Socket_Adapter_Choice" onchange="window.location.href = this.value">

         <option selected value=""></option>

         <option value="Add_Socket_App.cfm">Add Socket Application</option>

         <option value="Add_Adapter_App.cfm">Add Adapter Application</option>

</select>

The problem you might have is if someone selects the blank option you have. Ideally you want the onChange event to fire a function that checks its not blank and then changes the url.

<select name="Socket_Adapter_Choice" onchange="goToPage(this.value);">

         <option selected value=""></option>

         <option value="Add_Socket_App.cfm">Add Socket Application</option>

         <option value="Add_Adapter_App.cfm">Add Adapter Application</option>

</select>

<script type="text/javascript">
  
function goToPage(url)
  
{
        if(url != '') {
             window
.location.href = url;
       
}
  
}
</script>

Translate