根据另一个列表框值将值列表加载到列表框

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以获取填充第二个选择元素的数据。