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);

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

2 个答案: