Skip to main content
J
jamie61880
Inspiring
August 6, 2015
Question

drop down menu link

  • August 6, 2015
  • 1 reply
  • 481 views

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 has been closed for replies.

1 reply

H
haxtbh
Inspiring
August 7, 2015

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>
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices