Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!


How do I create a drop down box in a libguide that has lists of provinces that link to their respective websites

Last Updated: May 29, 2012  |  1861 Views
Topics: How To...

Was this helpful? 3   0


To create a drop-down menu that links the user out to external websites will require some HTML. But I promise, it's pretty easy so let me outline the steps below:

1. Create a New Rich-Text Box

2. Select Add Text

3. Select the Plain Text Editor Tab

4. Paste in the following code and make edits to the areas in bold:

<script TYPE="text/javascript">
function dropdown(mySel)
var myWin, myVal;
myVal = mySel.options[mySel.selectedIndex].value;
if( = parent[];
else myWin = window;
if (! myWin) return true;
myWin.location = myVal;
return false;

<form method="post" onSubmit="return dropdown(this.gourl)">
<select name="gourl">
<option value="">Choose a Search Engine...</option>
<option value="">Google</option>
<option value="">Ask</option>
<option value="" >Yahoo</option>
<option value="Website URL Here" >Name of Website</option>
<input type="submit" value="Go">

The First Option Value, in this example, "Choose Search Engine" is just the language you want to display to the user for instructions.

The other option values are the URLs and corresponding text for where you want the user to go when they select that option.

Lastly, you can add more options by just repeating the outline above <option value ="Website URL">Name of Value.

5. Save & Close!

Voila, all done. :)

Please note that any additional edits to this box must be done using the Plain-Text Editor otherwise you will run the risk of overwriting your Java-Script Code.

Answered by Talia RichardsBookmark and Share

Other Answers / Comments (6)

  1. Thank you! This is exactly what I was looking for!
    by Lori Mills on Sep 27, 2011.
  2. To have the links open in a new window, just use this Javascript code:
    <script TYPE="text/javascript">
    function dropdown(mySel)
    var myVal;
    myVal = mySel.options[mySel.selectedIndex].value;
    return false;
    by Talia Resendes on Nov 14, 2011.
  3. What if you wanted the selection to be automatic? So there would be no "Go" Button and the user could just select the topic and automatically be redirected?
    by Ayla Mull on May 03, 2012.
  4. Hi Ayla -
    I found this resource which seems to do what you're looking for: I'll email you with additional info on this in a moment. :)
    by Sarah Pawlek on May 03, 2012.
  5. I'm also interested in omitting the Go button. My menus are located at

    by Sharon Spence-Wilcox on May 31, 2012.
  6. Hi Sharon - try the resource I mentioned earlier:
    by Sarah Pawlek on May 31, 2012.

Need Help?

This site contains FAQs for LibGuides v1 only.

LibGuides v2 Documentation
(You must have a LibApps account to access that site.)

Or click HELP in the orange command bar of your v2 system.


Follow LibGuidesFAQ on Twitter Follow us on Twitter!
 Your questions, answered!

Browse by Popular Topics

Accounts  –  Admin Area  –  API / Widgets  –  Boxes  –  Catalog / Database Integration  –  CSS  –  Customization  –  E-Reserves  –  Embedding Objects  –  General System Questions  –  Group Management  –  Guides  –  Holiday Closures  –  How To...  –  Images  –  LibGuides CMS  –  Links  –  Mobile  –  Pages / Tabs  –  Profiles  –  RSS  –  Search  –  Security  –  Statistics  –  Subject Categories  –  Survey/Form Tool  –  System Administrators  –  Tags  –  Webinar  
View All Topics

Related content from Springshare v1 Help