使用jquery为select选项添加跳转链接

前端之家

于 2018-02-26 11:35:57 发布

阅读量2.7k

点赞数 1

分类专栏： H5开发文章标签： jquery特效 select效果

本文链接：https://blog.youkuaiyun.com/qq_41761746/article/details/79375262

版权

H5开发专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用JavaScript和jQuery实现的选择框（下拉菜单）选项更改后打开不同页面的简单示例。通过为选择框添加事件监听器，并根据所选值打开对应的HTML页面，展示了基本的网页交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<select name="" id='selectId'>
<option value="0">--请选择--</option>
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>

</select>

<script>
$(function (){
$('#selectId').on('change',function(){
var selectId = $('#selectId option:selected');
if(selectId.val()==1){
window.open('pink.html');
}else if(selectId.val()==2){
window.open('blue.html');
}else if(selectId.val()==3){
window.open("green.html");
}

});
});
</script>