PHP 파일로드 및 선택에 따라 변수 설정

Question

하나 이상의 선택 필드에서 사용자가 선택한 것을 기반으로 jquery를 사용하여 PHP 파일의 내용을로드해야합니다.

내가 사용할 수 있습니다 ...

$("#first-choice").change(function() { 
    $("#second-choice").load("getter.php?choice=" + $("#first-choice").val()); 
}); 

은 ... 변수 '선택'을 할 때 '첫 번째 선택'필드는 사용자가 설정을 만들 수 있습니다.

그러나 두 개의 드롭 다운 선택기를 기반으로 2 개의 변수를 사용하고 변수 'choice'(# first-choice 선택 기준) 및 choice2 (# second- 선택).

그래서 getter.php? 선택 = 첫 번째 선택 & 선택 2 = 두 번째로 선택

Answer 1

여기

내가이 상황을 처리 할 방법 ..

이 할 같은 PHP 파일 무언가를로드 할 것 선택 사항을 ID로 취급하십시오. 모든 선택 옵션에 단일 클래스를 사용하고 클래스 기반 선택기를 사용하여 모든 선택 항목에 .change()를 바인딩하십시오. 이 작업을 수행하면 X 개의 선택 항목을 반복하고 쿼리 ID 변수로 ID를 사용하고 각 쿼리 값으로 해당 값을 사용할 수 있습니다. jsfiddle에서 간단한 데모를 만들었습니다. 나는 또한 .... 아래의 코드를 게시

Here is my demo on jsfiddle

<div> 
    <select class="php-options" id='first-choice' name='first-choice'> 
     <option value='1-0'>choose</option> 
     <option value='1-1'>1-1</option> 
     <option value='1-2'>1-2</option> 
     <option value='1-3'>1-3</option> 
     <option value='1-4'>1-4</option> 
     <option value='1-5'>1-5</option> 
    </select> 
</div> 
<div> 
    <select class="php-options" id='second-choice' name='second-choice'> 
     <option value='2-0'>choose</option> 
     <option value='2-1'>2-1</option> 
     <option value='2-2'>2-2</option> 
     <option value='2-3'>2-3</option> 
     <option value='2-4'>2-4</option> 
     <option value='2-5'>2-5</option> 
    </select> 
</div> 
<div id="request-url"></div> 





$(document).ready(function(){ 
//treat your select options with classes, 
//bind change event on each select 
$('.php-options').change(function(e){ 
    var urlValues = [], 
     parameterArgs = ""; 
    //loop selects to build parameters 
    $('.php-options').each(function(i,v){ 
     var optValue = $(this).val(), 
      optId=$(this).attr('id'), 
      parameter = ""+optId+"="+optValue; 
     urlValues.push(parameter); 
    }); 
    //build parameter string 
    parameterArgs =urlValues.join("&"); 

    //output query 
    $('#request-url').text('getter.php?'+parameterArgs);   
}); 

});