HTML下拉列表中加链接

最新推荐文章于 2022-03-05 09:55:57 发布

Hooge_BJ

最新推荐文章于 2022-03-05 09:55:57 发布

阅读量6.7k

点赞数

文章标签： html Html HTML 下拉框

本文链接：https://blog.csdn.net/Hooge_BJ/article/details/8233259

版权

本文介绍了三种在HTML下拉列表中添加链接的方法。第一种通过JavaScript实现选择后跳转；第二种直接在`onchange`事件中设置页面跳转；第三种结合按钮点击事件进行跳转。详细代码示例供参考。

摘要由CSDN通过智能技术生成

第一种：
**************************
Html页面代码
<select name="select" id="select" style="height: 25px; width: 240px; line-height: 25px;" οnchange="s_click(this)">
<option>====友情链接====</option>
<option value='http://www.baidu.com'>====xxxxxxxx====</option>
<option value='http://www.baidu.com'>====xxxxxxxx====</option>
</select>
JS代码
<script type="text/javascript">
//select跳页
function s_click(obj) {
var num = 0;
for (var i = 0; i < obj.options.length; i++) {
if (obj.options[i].selected == true) {