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>

ありがとう