javascript - 根据在第一个选择框中选择的内容过滤下一个选择框的值

Question

我有选择框，其中值通过数组动态附加。现在假设如果我的第一个选择框中有 4 个值，那么我只想要第二个选择框中的 3 个值，不包括已经在第一个选择框中选择的值。

现在第二个选择框中将有 3 个值，如果我选择一个值，那么第三个选择框将只有 2 个值，不包括在第二个选择框中已经选择的值，依此类推...

请帮助我应该如何过滤

Answer 1

试试这个

HTML

<div class="result"></div>

JS

var array = ['first', 'second', 'third'];
var temp;

new_select();

function new_temp() {
    temp = "";
    temp += '<option value="null"></option>';
    array.forEach(function (entry, index) {
        temp += '<option value="' + index + '">' + entry + '</option>';
    });
}

function new_select() {
    if (array.length > 0) {
        new_temp();
        $('.result').append('<select class="mine_select">' + temp + '</select>');
        $(".mine_select").change(function () {
            array.splice($(this).val(), 1);
            new_select();
        });
    }
}