写一个selevt跳转页面
时间: 2024-06-06 15:11:25 浏览: 12
<!DOCTYPE html>
<html>
<head>
<title>Select跳转页面</title>
</head>
<body>
<h1>请选择跳转页面</h1>
<select id="pageSelect" onchange="jumpToPage()">
<option value="">请选择</option>
<option value="https://www.baidu.com">百度</option>
<option value="https://www.google.com">谷歌</option>
<option value="https://www.bing.com">必应</option>
</select>
<script type="text/javascript">
function jumpToPage() {
var selectObj = document.getElementById("pageSelect");
var selectedValue = selectObj.value;
if (selectedValue) {
window.location.href = selectedValue;
}
}
</script>
</body>
</html>
在上面的代码中,我们创建了一个select元素和几个选项,每个选项都有一个value属性,表示跳转的页面链接。当用户选择某个选项时,我们调用jumpToPage函数,获取选中选项的value值,并通过window.location.href将页面跳转到相应的链接。
相关推荐
> ERROR : "服务器地址已改变"> ERROR CODE: "HTTP 403 Forbidden" > ERROR DESCRIPTION: "您没有在此服务器上访问此页面的权限!" > ERROR POSSIBLY CAUSED BY: [ 我们已经记录了你的IP,不要搞事情哦!...] > SOME PAGES ON THIS SERVER THAT YOU DO HAVE PERMISSION TO ACCESS: [如果您是内部人员,请联系技术获取访问权限!] > HAVE A NICE DAY SIR DragonersLi :-)祝您开心每一天!! <button class="btn">点击跳转最新地址</b