jQuery获取url中的参数，并设置页面跳转之后select的展示默认值

遇到一个需求，在下拉选择框中点击了选择的值时，进行跳转到新的页面，并且需要在新页面展示刚才选择的那个option标签的text属性值。

页面跳转可以看我的上篇博客。

接下来是怎么样用jQuery获取url中的参数

jQuery(function ($) {
        //创建从url中获取操作参数的方法
       function getURLParameter(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var res = window.location.search.substr(1).match(reg);
            return res ? decodeURIComponent(res[2]) : null;
        }
        //调用方法，参数为url中的参数名称
        var bizTypeByURL = getURLParameter("bizType");
        
    });

上述的getURLParameter（）方法可以直接调用，不用修改，调用时在参数照顾你放入需要获取的参数名称即可。

 

接下来时设置select选择框的跳转之后默认值。

在上述代码中加入下面这段

 if( null != bizTypeByURL && ""!= bizTypeByURL)
 {
      //设置select选择框的值为option的text=bizTypeByURL时的option属性
      $("#select").find("option[text="+bizTypeByURL+"]").attr("selected",true);

 }

我的需求是选择text一样的进行设置。如果需要value一样的话，将text换成value即可。

 

如此，实现了select选择框点击直接进行跳转，并且在新页面展示在上个页面选择的select菜单。