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

如何在5个选择字段中填充json数组

[{k1:“v1”}、{k2:“v2”}、{k3:“v3”}、{k4:“v4”}……]

，使其始终唯一

i、 e.如果我在字段1中选择某个值，该值将不会显示在其他选择字段中。 同样，如果我更改任何字段中的值，其他select字段也会受到相应的影响

---

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

在这里，我禁用所选选项。如果它对您有效，那么您可以轻松地执行以下操作：

试一试：

HTML

苹果
矢量资源公司
戴尔公司。
亚马逊网站
苹果
矢量资源公司
戴尔公司。
亚马逊网站

谢谢

$('#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');

<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>