0

ユーザーが選択したものに基づいて、クエリ文字列に基づいてドロップリストの選択値を入力または選択する必要がある3つの選択またはオプションドロップリストがあります。したがって、URL とクエリ文字列を取得し、ユーザーが選択した値を入力するために選択したものが含まれているかどうかを調べるには、助けが必要だと思います。

現在、ユーザーがそれらを選択して検索を送信すると、私の選択値は永続的ではありません。Javascript または jQuery でそれらを永続的に保つにはどうすればよいですか? 私のもう1つの問題は、ユーザーがすべてのオプションを検索できることです。それは機能していますが、値を配置するチェックボックスがあり、値が読み取られてすべてを検索します。最初のページの読み込み時に、そのチェック ボックスをオンにし、クエリ文字列 '?search=%20%20%200' を使用して URL クエリ文字列を入力するにはどうすればよいでしょうか。前もって感謝します。

これが私の現在のJSです：

var resourceGradeId;
var resourceContentId;
var resourceProgramTypeId;
var resourceSearchAll;

$(document).ready(function() {

var searchAll = '<strong>' + "All" + '</strong>';
$('#xsltsearch_summary .dmnsSearchResultNumber:contains("0")').replaceWith(searchAll); 

$("#resourceSelect").click(function (event) { 
resourceGradeId = $('#teachersResourceSearchGrade').val();
 resourceContentId = $('#teachersResourceSearchContent').val();
 resourceProgramTypeId = $('#teachersResourceSearchProgramType').val(); 
resourceSearchAll = $('#teachersResourceSearchAll').val();
window.location.href = '/teachers/classroom-resources?search=' + resourceGradeId + ' ' + resourceContentId + ' ' + resourceProgramTypeId + ' ' + resourceSearchAll;
    });

$("select option").attr('disabled', false);

    $(":checkbox").click(function(event) { 
    //reset values
    if($(":checkbox").is(":checked")){
          $("#teachersResourceSearchGrade").val('');
          $("#teachersResourceSearchContent").val('');
          $("#teachersresourceProgramTypeId").val('');
          $("#teachersResourceSearchAll").val('0');
          $("select").attr('disabled', true);
        }
    else
        { 
          $("#teachersResourceSearchAll").val('');
          $("select").attr('disabled', false);
          $("select option").attr('disabled', false);
          }
     });
});
4

2 に答える 2

1

URL の変数を確認するには

getUrlVars()["search"];

これにより、example.com/page? の値が取得されます。search=yolo%20no

そして、検索の値を入れるには、それは単なるフォームです

<form method="get"><input type="text" name="search"/></form>

セレクトメニューも同様

<form method="get"><select name="dropdown"><option>Option 1</option></select></form>
于 2014-05-28T17:01:33.917 に答える
0

これを使っただけ

var myQuery = window.location.search.substring(1);

// alert(myQuery);

if(myQuery == ''){

  window.location.href = document.URL + '?search=%20%20%200';

$(":checkbox").attr('checked', 'checked');

//alert('no query');

}else if(myQuery == 'search=%20%20%200'){

  $(":checkbox").attr('checked', 'checked');

} 

else{

}
于 2012-04-17T23:08:28.370 に答える