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

时间:2013-11-15 10:47:44

标签: javascript jquery html

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

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

请帮助我如何过滤

1 个答案:

答案 0 :(得分:0)

尝试this

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