根据第一个选择框中选择的内容筛选下一个选择框的值

Filtering next select box's value depending on what is selected in the first select box

本文关键字:选择 筛选 下一个 第一个      更新时间:2023-09-26

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

现在,第二个选择框中将有 3 个值,

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

请帮助我应该如何过滤

试试这个

.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();
        });
    }
}