다른 드롭 다운 선택에 따라 드롭 다운 값을 변경하려면 어떻게해야합니까?

좋아, 따라서 다음과 같이 프로그램을 작성해야합니다.

1. 선택 요소 onchange 이벤트 처리

   • 선택 요소 onchange-attribut에서 (당신이 한 것처럼)
   • JS로
   • jQuery 사용

2. 이 핸들러에서 선택한 인덱스를 얻을 수 있습니다.

3. 그것을 사용하여 ID를 얻으십시오
4. ajax 요청을 PHP 파일로 보내 ID가 POST 데이터 인 DB에서 데이터를 가져옵니다.
5. db의 데이터로 RESPONSE를 다시 보내십시오 (아마도 json을 사용해야 함)
6. 응답을 사용하여 선택 사항을 작성하십시오.

다음은 간단한 코드 예입니다.

HTML

<select id='select1'>
    <option id='option_1' value='1'>Option 1</option>
    <option id='option_2' value='2'>Option 2</option>
    <option id='option_3' value='3'>Option 3</option>
    <option id='option_4' value='4'>Option 4</option>
</select>

<select id='select2'>

</select>

JS

document.getElementById('select1').onchange = function(){
    var xmlhttp=new XMLHttpRequest();
    var params = "id="+this.value           //you can add more data, use & as delemitter

    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.setRequestHeader("Content-length", params.length);
    xmlhttp.setRequestHeader("Connection", "close");

    xmlhttp.onreadystatechange=function(){
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
            fillSelect(xmlhttp.responseText);
        }
    }

    xmlhttp.open("POST","path/to/php.php",true);
    xmlhttp.send(params);
}

var fillSelect = function(response){
    //Here you can go through all elements from response 
    //and build new options and append them to Select2
}

PHP

if (!isset($_POST('id')) die("Submission failed!");

$id = $_POST('id');

$mysqli = new mysqli(HOST, USER, PW, DB);   //assuming you have these static variables, change it for your settings

//use $id now to create the query
$query = "[...]";

$result = $mysqli->query($query);

echo json_encode($result);

코드 일부에 대한 JSFIDDLE

PHP에 실수가 없기를 바랍니다. 나는 그것을 시험 할 수 없었다. 뭔가 잘못된 경우 철자가 올바른지 확인하십시오.