选中后如何从选择框中删除值

Question

我要做的是上传CSV文件，然后计算文件的列，然后根据内容排列。

例如：CSV文件中有3列，用户现在可以确定列的内容，以便将其正确上传到数据库。

如何在用户选择将从选择框中禁用的值后，使用选择选项填写输入框。

选择框将包含特定值。

选择后，现在将禁用或删除该值，直到从上一个选择框中取消选择。

类似于 Jquery Tag's Multi Selector http://harvesthq.github.io/chosen/#multiple-select

但它将分发到从CSV文件创建的每一行。

Answer 1

尝试一下：http://jsfiddle.net/rM88C/2/

它应该允许您添加不确定数量的“Jquery Chosen”下拉列表，并且在具有相同类名的所有下拉列表中“禁用”任何选定值。我提供了一个多选版本，但为了您的目的将其转换为单个选择版本应该是微不足道的。

下面提供的Javascript代码，但请先查看Fiddle

// get selects for later use
var selects = $('.myChosen');

// whenever the selection changes, either disable or enable the 
// option in the other selects
selects.chosen().change(function() {
    var selected = [];

    // add all selected options to the array
    selects.find("option").each(function() {
        if (this.selected) {
            selected[this.value] = this;
        }
    })

    // disable or enable options
    .each(function() {

        // if the current option is already selected in another select disable it.
        // otherwise, enable it.
        this.disabled = selected[this.value] && selected[this.value] !== this;
    });

    // trigger the change event in the other "chosen" selects
    selects.trigger("chosen:updated");
});