ansaurus

Question

How to change the url based on a Drop Down List?

Answer 1

A:

You are going to want to do this with Javascript. You can change window.location from Javascript and it will redirect you to whatever you changed it to.

Here is an unobtrusive way of doing it:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
     <title>test</title>
    </head>
    <body>
     <select id="dd">
      <option value="http://example.com/first"&gt;first&lt;/option&gt;
      <option value="http://example.com/second"&gt;second&lt;/option&gt;
     </select>
     <script type="text/javascript">
      if (dd = document.getElementById("dd")) { 
       dd.onchange = function() {
        window.location = dd.options[dd.selectedIndex].value;
       }
      }
     </script>
    </body>
</html>

Andrew Hare 2009-02-10 16:42:09

Answer 2

+2 A:

More specifically

<select onchange="window.location.href=this.options[this.selectedIndex].value;">
  <option value="#">--  Select a Search Engine ---</option>
  <option value="http://www.live.com"&gt;Live Search</option>
  <option value="http://www.google.com"&gt;Google&lt;/option&gt;
</select>

bendewey 2009-02-10 16:47:25

Answer 3

+3 A:

To handle this on the server you could enable the autopostback property of the control and create a SelectedIndexChanged event to call a method to identify the selected option and redirect based on this selection.

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
 Response.Redirect(string.Format("Default.aspx?Dept=Shoes&Type={0}", this.DropDownList1.SelectedValue), true);
}

Andy Rose 2009-02-10 16:47:50

ansaurus

tags:

views:

answers:

How to change the url based on a Drop Down List?

related questions