Javascript 通过AJAX使用JQuery获取HTML id

我被卡住了。我制作了一个系统，可以从一个特定的主题中获取所有学院，我希望javascript选择用户在单击某个主题时选择的学院，以便显示该类的存在，只是一个摘要：用户选择一个主题，一个AJAX请求获取该主题的所有学院，另一个AJAX请求必须获取该特定学院并使用它来显示数据

此特定函数从主题获取数据，并将其显示在id为“colleges”的div中

function showAanwezigheid(str) {
    if (str == "") {
        document.getElementById("colleges").innerHTML = "";
        return;
    } else { 
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("colleges").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","../controller/docentController.php?action=getColleges&vak="+str,true);
        xmlhttp.send();
    }
}

以下是调用查询并显示结果的控制器：

$vak = $_GET['vak'];
$colleges = $q->getColleges($vak); 
echo "<select id='college'>";
echo "<option>Selecteer een college:</option>";
foreach($colleges as $college){
echo "<option value='".$college->getCollege()."'>College ".$college->getCollege()."</option>";
}
echo "</select>";
}

---

我觉得会有这样一个简单的解决方案，但我就是看不到它能起作用……

更改jQuery代码如下：-

$(document).on('change','#vak',function() {
    var vak = $(this).val();
    alert(vak);
});
$(document).on('change','#college',function() {
    var college = $(this).val();
    alert(college);
});  

注意：-确保在脚本代码之前添加jQuery库。否则您将得到

$未定义

错误

---

这称为

更改jQuery代码，如下所示：-

$(document).on('change','#vak',function() {
    var vak = $(this).val();
    alert(vak);
});
$(document).on('change','#college',function() {
    var college = $(this).val();
    alert(college);
});  

注意：-确保在脚本代码之前添加jQuery库。否则您将得到

$未定义

错误

---

这称为

如果您想在更改时获取

#学院选择

的值，那么这将更简单：

$(document).ready(function(){
    $('#vak').on('change', function() {
        var vak = $(this).val();
        alert(vak);
    });

    $('#college').on('change', function() {
       var college = $(this).val();
       alert(college);
    });
});

---

如果您注意到，

#vak

的

onchange

和

#college

是分开的

如果您想获得

#college select

on change的值，那么这将更简单：

$(document).ready(function(){
    $('#vak').on('change', function() {
        var vak = $(this).val();
        alert(vak);
    });

    $('#college').on('change', function() {
       var college = $(this).val();
       alert(college);
    });
});

---

如果您注意到，

#vak

和

#college

的

一次更改

是分开的

请将此减少为一个请将此减少为一个，几周后此项也适用于我，谢谢您的回复！几秒钟后，这个对我也有效，谢谢你的回复@sebas2201很高兴帮助您。请仔细阅读注释参考。@sebas2201很高兴帮助您。请仔细阅读注释参考。