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

Question

我想将下拉列表设置为 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'));

Answer 1

尝试：

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

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

Answer 2

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

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