根據另一個列表框值將值列表加載到列表框

Question

在更改ex的另一個列表框值時，將不同的值列表（從數據庫）加載到列表框：第一個列表框：-select grade-

第二個列表框：-選擇主題-

請幫忙謝謝

Answer 1

基本思想是將數據提交到服務器（通過POST back或AJAX），然后用數據響應。

<select id="mySel" onChange="sendData()">

我所做的事情是添加了一個javascript函數，每次下拉值更改時都會調用該函數。

function sendData() {
    $.post("processData.php", {selected: $(this).val()}, updateData(data));
}

這是我為select onChange事件編寫的函數的框架。 我在這里跳過了一兩個步驟，並使用jQuery幫助創建了一個返回服務器的AJAX請求。 我將調用我的PHP腳本processData.php來幫助處理選擇了哪個元素。 {}包含我要發送到服務器的數據，在這種情況下為所選值。 最后，一旦我從服務器取回數據，該怎么辦。

現在，我將進入我的php文件，並能夠處理接收的數據並運行查詢以獲取新數據。 完成后，我只需對數據進行json_encode並進行響應即可。

現在回到javascript世界，我的UpdateData函數將自動被調用並傳遞json數據。

function updateData(data) {
    var select = '<select name="sel2">';
    $().each(data, function(index, val){
        select += '<option name="'+ index+ '">'+ value+ '</option>';
    });
    $("#mySel").parent.append(select);
}

那將允許我從返回的數據生成一個新的選擇列表（假設json中的鍵/值配對數組）。

我實際上還沒有測試任何代碼，它的目的更多是為了指導和偽代碼。

Answer 2

當用戶從一個選擇元素中選擇一個值時，發送XMLHttpRequest以獲取填充第二個選擇元素的數據。