jQuery Dropdown - Follow URL onchange

Question

I have a select element that functions as a dropdown menu. Each option has a value that is a URL.

I want it so that every time any option is selected, the page will go to that option's value as a URL.

This is what I have so far, but I am not sure if I am on the right track:

$('userNav').change(function() {
        window.location.replace("http://" something with concatenation);
    });

Any help?

please use more self explanatory titles for your questions.

meo
– meo

2011-03-13 14:47:13 +00:00
Commented Mar 13, 2011 at 14:47 — meo
– meo, Commented Mar 13, 2011 at 14:47

Paul Creasey · Accepted Answer · 2011-03-13 14:30:02Z

6

$('#userNav').change(function() {
     window.location = $(this).val();
});

Online demo: http://jsfiddle.net/amosrivera/Cg2yv/

edited Mar 13, 2011 at 14:30

Paul Creasey

28.9k10 gold badges59 silver badges91 bronze badges

answered Mar 13, 2011 at 14:25

amosrivera

26.6k9 gold badges70 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Andrew Whitaker Over a year ago

No need to wrap this in a jQuery object. this.value would work just as well.

amosrivera Over a year ago

Right thanks, i just like to have consistency, go with the jQuery syntax if i'm using jQuery as long as that doesn't hurt performance.

Randhir Yadav · Accepted Answer · 2014-12-19 05:22:59Z

Try this code its working grt..

<html>
<head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(function() {

    $("#submit").hide();

    $("#page-changer select").change(function() {
        window.location = $("#page-changer select option:selected").val();
    })

});
</script>
</head>
<body>
<?php
	if (isset($_POST['nav'])) {
		 header("Location: $_POST[nav]");
	}
?>
<form id="page-changer" action="" method="post">
    <select name="nav">
        <option value="">Go to page...</option>
        <option value="http://css-tricks.com/">CSS-Tricks</option>
        <option value="http://digwp.com/">Digging Into WordPress</option>
        <option value="http://quotesondesign.com/">Quotes on Design</option>
    </select>
    <input type="submit" value="Go" id="submit" />
</form>
</body>
</html>

Collectives™ on Stack Overflow

jQuery Dropdown - Follow URL onchange

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related