相关疑难解决方法(0)

我的要求是,对于"用餐"下拉列表中的选择,第二个下拉列表"类别"应该在第一个下拉列表中动态填充与选择相关的值.然后,根据用餐下拉菜单中选择的内容,列表应在类别中更改.我编写了以下Javascript函数,但我得到的输出并没有新填充第二个下拉列表.在更改选择时,新列表将被附加到旧列表.

function changecat() {
    var selectHTML = "";

    var A = ["Soup", "Juice", "Tea", "Others"];
    var B = ["Soup", "Juice", "Water", "Others"];
    var C = ["Soup", "Juice", "Coffee", "Tea", "Others"];

    if (document.getElementById("meal").value == "A") {
        var select = document.getElementById('category').options.length;

        for (var i = 0; i < select; i++) {
            document.getElementById('category').options.remove(i);
        }

        for (var i = 0; i < A.length; i++) {
            var newSelect = document.createElement('option');
            selectHTML = "<option value='" + A[i] + "'>" + A[i] + "</option>";
            newSelect.innerHTML = selectHTML; …