0

私はこの素晴らしいjQueryテーブルソーターを使用していますが、重要な部分がありません。詳細：この表は、トピックごとに分類された数百のレポートリンクで構成されています。それらのトピックは、単純な選択ドロップダウンメニューで分割できます。

私が探しているのは、URLからオプション値を取得して、ドロップダウンリストから特定のメニュー項目を表示する機能です。そうすれば、行のトピックを1つだけ表示する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 プロパティがあります。そしてその後のすべて。行きたいところに連れて行ってくれるはずです。URL「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 に答える