관련 드롭 다운 자바 스크립트와 PHP를 사용

Question

나는이 스크립트가 있고 PHP에서 선택 목록을 드롭 다운의 값을 얻고 싶다면 (jws1! = "") 다음에 두 번째 드롭 다운에서 1에서 10까지의 값을 표시하는지 확인하고 싶습니다. 루프의 사용 상자 ...

자바 스크립트 코드 :

<script language="javascript" type="text/javascript"> 
function test() 
{ 
var e = document.getElementById("JWSections"); 
var Sections = e.options[e.selectedIndex].value; 
alert(Sections); 
} 
</script> 

HTML 코드 :

<select name="JWSections" id="JWSections" onchange="test();"> 
    <option value="">Select Sections</option> 
    <option value="jws1">Section 1.1</option> 
    <option value="jws2">Section 1.2</option> 
    <option value="jws3">Section 1.3</option> 
    <option value="jws4">Section 1.4</option> 
</select> 

내가 jws1 같은 값을 얻을, 그리고 PHP에서 확인하시기 바랍니다.

Answer 1

<select name="JWSections" id="JWSections" onchange="test(this);"> 
    <option value="">Select Sections</option> 
    <option value="jws1">Section 1.1</option> 
    <option value="jws2">Section 1.2</option> 
    <option value="jws3">Section 1.3</option> 
    <option value="jws4">Section 1.4</option> 
</select> 

<select name="JWSections" id="secondDropDown"> </select> 

<script language="javascript" type="text/javascript"> 
function test(dropdown) 
{ 
    var selectedjws = dropdown.options[dropdown.selectedIndex].value; 
    var secondDropDown = document.getElementById('secondDropDown'); 
    $.post('path', { selectedjws : selectedjws }, function(key, value){ 
     // Remove all options from second dropdown 
     for(var i = 0; i < secondDropDown.options.length; i++){ 
      secondDropDown.remove(i); 
     } 
     // Add options by key value pair returned from server 
     secondDropDown.add(new Option(value, key)) 
    }); 
} 
</script> 

jsfiddle : http://jsfiddle.net/KTq6y/1/

Answer 2

PHP가 HTML 폼 데이터와 함께 아무것도 할 수 있으려면, 당신은 PHP에 제출해야합니다.

양식 자체를 제출하거나 AJAX를 사용하여 jws1 값을 전달하고 결과에서 옵션을 빌드 할 수 있습니다. Jquery는 이런 종류의 일을하는 것이 좋습니다. AJAX 요청의 데이터 유형을 HTML로 설정하고 "성공"콜백의 데이터를 대상 드롭 다운 목록에 할당하면됩니다.