Question

如何在5个选择字段中填充json数组[{k1:"v1"},{k2:"v2"},{k3:"v3"},{k4:"v4"}.........]，使其始终是唯一的。

即。如果我在field1中选择了某个值，那么该值将不会显示在其他选择字段中。如果我在任何字段中更改值，则应再次相应地影响其他选择字段。

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

Answer 1

在这里，我禁用所选的选项。如果它适合你，那么你可以轻松做到这样的事情：

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

由于

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

1 个答案: