获取查询字符串值并自动选择下拉选项

时间:2013-07-04 07:14:49

标签: jquery

我想将下拉列表设置为URL中sortby中找到的值。我不确定如何使用Jquery从URL获取查询字符串,jquery是否内置了一些内容?

URL: http://www.test.com/search.php?h=454&sortBy=books&nan=4812

<select class="SearchSortingList">
  <option value="tires">5tires and stuff</option>
  <option value="cars">5cars and stuff</option>
  <option value="books">5books and stuff</option>
  <option value="kites">5kites and stuff</option>
</select> 

这就是我所处的位置,我需要一些帮助。

 // select books dropdown since the value of sortby (in url) is books
 $('select[name="SearchSortingList"]').val(JQUERY_GRABQUERYSTRINGVALUE('sortBy'));

2 个答案:

答案 0 :(得分:3)

尝试:

var sortBy = window.location.href.match(/[?&]sortBy=([^&#])*/)[1];
$('select.SearchSortingList option[value="' + sortBy + '"]').prop("selected", true);

select[name="SearchSortingList"]应为select.SearchSortingList,因为SearchSortingList实际上是一个类而不是一个名称。

答案 1 :(得分:2)

据我所知没有,但您可以使用正则表达式来提取sortby值

var val = location.href.match(/[?&]sortBy=(.*?)[$&]/)[1];
$('.SearchSortingList').val(val);