如何根据下拉列表更改URL？

Question

我正在使用下拉列表来选择一些选项。 一切正常，我只需要更改URL中的名称即可。 有没有一种方法可以仅基于该选项更改URL？

默认彪马-

Default.aspx?Dept=Shoes&Type=Puma

如果选择了耐克-

Default.aspx?Dept=Shoes&Type=Nike

Answer 1

要在服务器上处理此问题，您可以启用控件的autopostback属性并创建SelectedIndexChanged事件，以调用一种方法来标识所选选项并基于此选择进行重定向。

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

Answer 2

进一步来说

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

Answer 3

您将要使用Javascript执行此操作。 您可以从Javascript更改window.location ，它会将您重定向到您对其进行更改的任何内容。

这是一种简便的方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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">first</option>
            <option value="http://example.com/second">second</option>
        </select>
        <script type="text/javascript">
            if (dd = document.getElementById("dd")) {   
                dd.onchange = function() {
                    window.location = dd.options[dd.selectedIndex].value;
                }
            }
        </script>
    </body>
</html>