如何根據下拉列表更改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>