答案 0 :(得分:0)
您需要使用javascript。将您的选择标记更改为:
<select onChange="window.location = this.value">
此实现是使用javascript执行此操作的最基本方法,您可能希望实现一些其他控件(例如,检查以确保在转发之前URL是有效的。)
您必须将<option>
值设置为有效路径(例如\Resources\Floor Plan.html
可能应为Resources/Floor Plan.html
)。
另外需要注意的是,如果您决定将绝对网址放在其中一个值中,请确保保持URL架构不变。例如大多数浏览器都不允许您以这种方式从http
链接到https
。这是因为此方法在技术上是重定向而不是真正的链接。
答案 1 :(得分:0)
您可以使用javascript和onchange事件。您可以使用jQuery或其他库或vanilla javascript完成此操作。
例如,在您的选择标记上添加“onchange”属性“alert(this.value)”。
<html>
<Title> Final Project</Title>
<style> body {background-color: Teal;} </style>
<Head> <p Align=Center> <Font Size="7" Color=Red> Final Project </Font></p>
<p align=Center> <Font Size="6" color=Blue> Routing and Switching </Font></p>
</Head>
<head>
<style type="text/css">
a:link,a:visited {
color: White;
background-color: Black;
text-decoration: none;
target-new: tab;
}
a:hover {
color: #0000FF;
background-color: #FFFFC0;
text-decoration: underline;
target-new: none;
}
</style>
</head>
<body>
<a href="http://www.weichertrents.com/45777789/?query=cityid%3d46552">The building</a>
</body>
<head>
<style type="text/css">
a:link,a:visited {
color: White;
background-color: Black;
text-decoration: none;
target-new: tab;
}
a:hover {
color: #0000FF;
background-color: #FFFFC0;
text-decoration: underline;
target-new: none;
}
</style>
</head>
<body>
<a href="Resources\Floor Plan.html">Floor Plan</a>
</body>
<select onchange="alert(this.value)">
<option value="Welcome Page.html">Home</option>
<option value="\Resources\Floor Plan.html">Floor Plan</option>
</select>
<HR Width="100%" Size="2" Color="Purple"> </hr>.
<Body>
<p Align=Center> <Font color=Yellow><u> Resources </u></Font>
<p Align=Center>
150k
<p Align=Center> <Font color=Yellow><u> Things to get </u></Font>
<br>A building Done
<br>floor plan
<br>office equipemnt computers n such
<br>security
<br>networking
<br>office supplies
<br>employees
<br>Server
<br>terminals
<br>chair
<br>tables
<br>cablign
<br>routers
<br>switches
<br>Waps
<br>operating systems
<br>offices
<br>licenses for office
</p>
</Body>
</HTML>