javascript - Javascript - 为 5 个选择字段维护单个 JSON 数组

Question

我怎样才能[{k1:"v1"},{k2:"v2"},{k3:"v3"},{k4:"v4"}.........]在 5 个选择字段中填充一个 json 数组，以便它始终是唯一的。

即，如果我在 field1 中选择某个值，则该值不会显示在其他选择字段中。同样，如果我更改任何字段中的值，其他选择字段应该会受到相应影响。

任何指南或代码片段都会有很大帮助。

Answer 1

在这里，我禁用选定的选项。如果它适合您，那么您可以轻松地执行以下操作：

试试看：http: //jsfiddle.net/3cVqL/2/

$('#vendor_select_from').change(function() {
    var selected = $(':selected', this)[0].id + 2;
    $('#' + selected).attr('disabled','disabled')
        .siblings().removeAttr('disabled');

    var $select2 = $('#vendor_select_from2');
    if(selected == $(':selected', $select2)[0].id) {
        $select2.val('');
    }
}).trigger('change');

HTML

<select name="vendor" id="vendor_select_from">
    <option  value="Apple" id="id0">Apple</option>
    <option  value="Vector Resources, Inc" id="id1">Vector Resources, Inc</option>
    <option  value="Dell, Inc." id="id2">Dell, Inc.</option>
    <option  value="Amazon.com" id="id3">Amazon.com</option>
</select>

<select name="vendor" id="vendor_select_from2">
    <option  value="Apple" id="id02">Apple</option>
    <option  value="Vector Resources, Inc" id="id12">Vector Resources, Inc</option>
    <option  value="Dell, Inc." id="id22">Dell, Inc.</option>
    <option  value="Amazon.com" id="id32">Amazon.com</option>
</select>

谢谢