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菜单。

猜你喜欢

转载自blog.csdn.net/PhilipJ0303/article/details/98172455
今日推荐