2012-04-17 3 views
0

사용자가 선택하는 항목을 기반으로하는 3 가지 선택 드롭 다운 목록 또는 옵션 드롭 목록이 있으며 쿼리 문자열을 기반으로 드롭 목록의 선택 값을 선택해야합니다. 그래서 URL과 쿼리 문자열을 얻는 데 도움이 필요하고 사용자가 선택 값을 채우기 위해 선택한 항목이 포함되어 있는지 확인해야합니다.Javascript 또는 jQuery를 사용하여 URL에서 쿼리 문자열을 가져 와서 선택 값을 채우는 방법?

지금 내 선택 값은 사용자가 선택하고 검색을 제출할 때 지속되지 않습니다. Javascript 또는 jQuery를 사용하면 어떻게 유지 될까요? 다른 문제는 사용자가 모든 옵션을 검색 할 수 있다는 것입니다.하지만 그 값이있는 확인란은 값을 검색하여 모든 것을 검색합니다. 첫 번째 페이지를로드 할 때 해당 확인란을 선택하고 '? search = % 20 % 20 % 200'의 쿼리 문자열을 사용하여 URL 쿼리 문자열을 채우는 방법은 무엇입니까? 미리 감사드립니다.

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); 
      } 
    }); 
}); 
+2

이 [질문]과 동일하다 [1] 도움이 될 수도 있습니다 [1] : http://stackoverflow.com/questions/901115/get-query-values-in-javascript –

답변

0

그냥 예를의 값을 얻을 것이다 URL

getUrlVars()["search"]; 

이의 변수를 확인하려면이

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{ 

} 
+0

와우 이것은 잠시 뒤로 있습니다. 이것은 실제로 해결책입니다. – ClosDesign

1

을 사용 :

여기에 내 현재 JS입니다. co.kr/page? 검색 = 욜로의 %의 20no

그리고 그것은 단지 한 형태의 검색 값을 넣어는

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

이 선택 메뉴

<form method="get"><select name="dropdown"><option>Option 1</option></select></form> 
관련 문제