DZone
Web Dev Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Web Dev Zone > How to create a quick jump menu with jQuery

How to create a quick jump menu with jQuery

Svetoslav Marinov user avatar by
Svetoslav Marinov
·
Aug. 15, 11 · Web Dev Zone · Interview
Like (0)
Save
Tweet
10.83K Views

Join the DZone community and get the full member experience.

Join For Free

How to create a quick jump menu with jQuery This is part of my snippets library at https://github.com/lordspace/snippets/tree/master/js/quick_jump

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>    
<script type="text/javascript" charset="utf-8">
//<![CDATA[
    $(document).ready(function() {
        $('.site_quick_jump').change(function(){
            // option 1 use a JS redirect in the current window
            //window.location.href = $(this).val();
            
            // option 2; set the 'action' of the form and submit it
            if ($(this).val() != '') {
                $('#site_quick_jump_form').attr('action', $(this).val()); // 
                $('#site_quick_jump_form').attr('target', '_blank'); // new window
                $('#site_quick_jump_form').submit(); // Go!
            }
        });
    }); // doc ready
//]]>
</script>    
    
<div class="site_quick_jump_container">
    <form id="site_quick_jump_form" method="get" action="">
    Go to: <select class="site_quick_jump">
                <option></option>
                <option value="http://yahoo.com">Yahoo!</option>
                <option value="/product1.html">Product 1</option>
                <option value="/product2.html">Product 2</option>
           </select>
    </form>
</div>

From http://www.devcha.com/2011/08/how-to-create-quick-jump-menu-with.html

JQuery

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Fintech and AI: Ways Artificial Intelligence Is Used in Finance
  • How To Use Cluster Mesh for Multi-Region Kubernetes Pod Communication
  • 6 Things Startups Can Do to Avoid Tech Debt
  • How to Hash, Salt, and Verify Passwords in NodeJS, Python, Golang, and Java

Comments

Web Dev Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo