怎么使用jQuery实现下拉框选中跳转功能寻技术

今天小编给大家分享一下怎么使用jQuery实现下拉框选中跳转功能的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

首先，让我们来看一下基本的HTML代码如下：

<select id="selectBox">
  <option value="http://www.google.com">Google</option>
  <option value="http://www.baidu.com">Baidu</option>
  <option value="http://www.bing.com">Bing</option>
</select>

这是一个简单的下拉菜单，其中包含三个选项，分别指向Google、Baidu和Bing这三个网站。现在我们的目标是，当用户选择一个选项时，立即将其重定向到所选网站。

为了实现此目标，我们为

select

元素绑定了一个

change

事件：

$(document).ready(function() {
  $('#selectBox').change(function() {
    var url = $(this).val();
    if (url != '') {
      window.location.href = url;
    }
  });
});

这段代码中，我们首先使用