javascript - 在更改时使用 javascript 清除选择选项

Question

在您 -1 之前，这是一个如此简单的问题，请进一步阅读，因为我花了一段时间进行搜索但无法弄清楚。我有 5 个选择框。每个结果都取决于之前选择的内容。没有提交按钮。我只需要根据上一个框中选择的内容进行更改，到目前为止我已经有了。哦，结果是从数据库中提取的。问题是当您在框 1 中选择一个选项时，会出现框 2 选项，但是当您再次在框 1 中选择一个选项时，它们的选项只是堆叠在其他选项上。当它再次改变时，我需要他们清除。我会发布我拥有的 js，如果您需要其他任何东西，请询问。

附注我正在使用 php-mysql 获取选项。p.s.s 这个网站必须在明天之前完成，所以我有点赶时间。请不要浪费时间告诉我这是一个愚蠢的问题或什么不是。

在此先感谢您的帮助。

$(function () { //When the page is finished loading run this code
    $('#country').change(function () {
        $.ajax({
            url: "<!--Base url taken out-->/discovery/aLoad",
            success: function (data) {
                eval(data);
            },
            error: function () {
                alert('failed');
            },
            data: {
                country: getSelectValues('#country')
            },
            type: 'POST'
        });
    });
 });

     function changeSearchBar (newBar) {
    //remove the crap
    function ClearOptions(country)
    {
    document.getElementById('country').options.length = 0;
    }

    for (var i = 0; i <= newBar.length; i++) {
        newBar[i].id = newBar[i][0];
        newBar[i].name = newBar[i][1];
        $('#group').append(
            $('<option></option>').attr('value', newBar[i].id).text(newBar[i].name)
        );
    }
     }

     function getSelectValues (sId) {
    var str = "";

    $(sId +" option:selected").each(function () {
        str += $(this).val() + ",";
    });

    return str.replace(/.$/g, '');
}

Answer 1

据我从您的长篇文章中了解到，您只需要在开始从 AJAX 请求中附加新选项之前删除所有 select 子项。

在你的 for 循环之前尝试这样的事情:

$('#group').html('');​

演示: http://jsfiddle.net/57TYu/2/