Asp.net ASPX选择下拉菜单，按钮链接到另一页

我不熟悉选择下拉列表和链接。如果我有：

<select>
    <option value="">Select</option>
    <option value="/Applications.aspx">Applications</option>
    <option value="/EditApplications.aspx">Edit Application</option>
    <option value="/AddApplications.aspx">Add Applications</option>
</select>
<button>Go</button>

挑选
应用
编辑应用程序
添加应用程序
去

---

当用户选择他们的选项时，我如何将按钮链接到当用户单击按钮时，它将转到ASPX下拉列表中的所选页面？我确信我需要以某种方式将其绑定到codebehind，但我不确定如何做到这一点。

一个非常基本的解决方案是下面的代码片段。在按钮上单击读取选择的值并重定向到该url。不要忘记在

选择中添加
id
。您需要在按钮中添加
type=“button”
，否则将触发表单发布

<select id="MySelect">
    <option value="">Select</option>
    <option value="/Applications.aspx">Applications</option>
    <option value="/EditApplications.aspx">Edit Application</option>
    <option value="/AddApplications.aspx">Add Applications</option>
</select>

<button type="button" onclick="GoTOUrl()">Go</button>

<script>
    function GoTOUrl() {
        var url = $('#MySelect').val();
        if (url === '')
            return;

        location.href = url;
    }
</script>


挑选
应用
编辑应用程序
添加应用程序
去
函数gotour（）{
var url=$（'#MySelect'）.val（）；
如果（url==''）
返回；
location.href=url；
}
一个非常基本的解决方案类似于下面的代码片段。在按钮上单击读取选择的值并重定向到该url。不要忘记在
选择中添加
id
。您需要在按钮中添加
type=“button”
，否则将触发表单发布

<select id="MySelect">
    <option value="">Select</option>
    <option value="/Applications.aspx">Applications</option>
    <option value="/EditApplications.aspx">Edit Application</option>
    <option value="/AddApplications.aspx">Add Applications</option>
</select>

<button type="button" onclick="GoTOUrl()">Go</button>

<script>
    function GoTOUrl() {
        var url = $('#MySelect').val();
        if (url === '')
            return;

        location.href = url;
    }
</script>


挑选
应用
编辑应用程序
添加应用程序
去
函数gotour（）{
var url=$（'#MySelect'）.val（）；
如果（url==''）
返回；
location.href=url；
}
无需将其连接到后面的代码。这一切都可以通过一些javascript在客户端处理

使按钮成为实际链接。然后更新
href
属性和可选文本


//获取相关元素
var linkDropDown=document.getElementById（“MySelect”）；
var link=document.getElementById（“链接”）；
//将事件侦听器连接到下拉列表
addEventListener（“更改”，函数（）{
var defaultVal=this.options[0]。值；
//根据选定值切换非活动类
link.classList.toggle（“非活动”，this.value==defaultVal）；
//Set Href
link.href=this.value；
//使用三元操作设置文本
link.text=this.value==defaultVal？“转到…”：“转到”+this.options[this.selectedIndex].text；
});
.inactive{
指针事件：无；
颜色：灰色；
}

挑选
应用
编辑应用程序
添加应用程序
无需将其连接到后面的代码。这一切都可以通过一些javascript在客户端处理

使按钮成为实际链接。然后更新
href
属性和可选文本


//获取相关元素
var linkDropDown=document.getElementById（“MySelect”）；
var link=document.getElementById（“链接”）；
//将事件侦听器连接到下拉列表
addEventListener（“更改”，函数（）{
var defaultVal=this.options[0]。值；
//根据选定值切换非活动类
link.classList.toggle（“非活动”，this.value==defaultVal）；
//Set Href
link.href=this.value；
//使用三元操作设置文本
link.text=this.value==defaultVal？“转到…”：“转到”+this.options[this.selectedIndex].text；
});
.inactive{
指针事件：无；
颜色：灰色；
}

挑选
应用
编辑应用程序
添加应用程序
请简要说明OP需要jQuery库。请简要说明OP需要jQuery库。