Redirect after Dropdown Selection

Redirect the browser after a user selects an option. Store the destination as data, or map allowed values to URLs in JavaScript instead of redirecting to arbitrary user-supplied URLs.

Safe Value-to-URL Map Top ↑

const destinations = {
    jquery: "site_map.php",
    listbox: "listbox.php",
    dropdown: "dropdown-list.php"
};

$( "#topic" ).on(
    "change",
    function () {
        const destination =
            destinations[
                $( this ).val()
            ];

        if ( destination ) {
            window.location.assign(
                destination
            );
        }
    }
);

HTML Top ↑

<select id="topic">
    <option value="">
        Select a topic
    </option>
    <option value="jquery">
        jQuery tutorials
    </option>
    <option value="listbox">
        Listbox
    </option>
</select>

← Listbox tutorial

Original Source Examples Retained for Migration Reference Top ↑

Original example 1

<select class='form-control' name='s1' id=city_id>
  <option value=''>Select One City</option>
  <option value='https://www.plus2net.com/jquery/listbox-redirect.php?city=london'>London</option>
  <option value='https://www.plus2net.com/jquery/listbox-redirect.php?city=New York'>New York</option>
  <option value='https://www.plus2net.com/jquery/listbox-redirect.php?city=New Delhi'>New Delhi</option>
  <option value='https://www.plus2net.com/jquery/listbox-redirect.php?city=Paris'>Paris</option>

</select>

Original example 2

<script>
$(document).ready(function() {
///////////////////////////////
$("#city_id").change(function(){ // change function of listbox
//alert($('#city_id').val());
window.location = $('#city_id').val();
});
//////////////////////////
})
</script>

Subhendu Mohapatra

Author & Instructor at plus2net

I write and maintain practical tutorials on Python, PHP, SQL, JavaScript, HTML, jQuery, and web development at plus2net. The tutorials focus on clear explanations, working examples, and code that readers can test and adapt while learning.

About the author   Watch on YouTube

Connect: