0

我有这个很棒的 jQuery 表格排序器，但我错过了一个关键部分。详细信息：该表由数百个按主题分类的报告链接组成。他们的主题可以通过一个简单的选择下拉菜单来划分。

我正在寻找的是从 URL 获取选项值以从下拉列表中显示特定菜单项的能力。这样我就可以拥有一个只显示行中一个主题的 URL（例如：500 个报告中的 30 个）。

我知道 php 会很容易，但这不是一个选择，我认为使用 document.location.search 可以让我到达那里。

当然，我是一个 javascript 菜鸟，所以有人知道如何以代码方式实现这个吗？

谢谢各位，非常感谢！

 <script type="text/javascript">
$(function() {
            $("#example-4").addClass("beautifulData").beautify(
                    {
                        pageSize : 25,
                        pagerSize : 5                           
                    }); 

    $("#txt_topics").keyup(function() {
        $("#example-4").beautify("rebuild", { filter :
                    { 6 :$("#txt_topics").val() } });
    });     

    $("#select1").change(function() {
             $("#example-4").beautify("rebuild", { filter : 
                    { 6 :$("#select1").val() } });
    });


 <select id="select1"> 
 <option value="">Choose a Topic</option>

 <option value="topic_A">Topic A</option> 
 <option value="topic_B">Topic B</option>
 <option value="topic_c">Topic C</option>

4

1 回答 1

0

window.location 对象包含 URL 信息。您可以使用它来提取您感兴趣的查询参数。Chrome 有一个 window.location.search 属性，其中包含“？” 以及之后的一切。应该带你去你想去的地方。网址“http://www.myawesomesight.com/tabledata?option=topicA”的示例：

var queryString = window.location.search.substr(1); //substr dumps the leading '?'
var queryParams = queryString.split('&');
for (var i in queryParams) {
  var tokens = queryParams[i].split('=');
  var key = tokens[0];
  var value = tokens[1];

  // insert logic here to handle when you find the key that you want
}

可能有更好的方法，但这是我在当前项目中使用的方法。

于 2012-04-20T18:14:25.470 回答