0

我有一个具有相同值的 2 个下拉列表,这些值由数据库值填充。我要解决的问题是提交表单时 2 个下拉框不能具有相同的值。POST 值必须不同。

如果用户从下拉框 A 中选择选项 A,我想从下拉框 B 中删除选项 A。如果用户然后从下拉框 A 中选择选项 B,我希望将选项 A 放回下拉框 B 和要从下拉框 B 中删除的新值选项 B。

我尝试了几种不同的方法来做到这一点,最接近的是以下代码。当页面加载时,这个位做我想要的......

$(document).ready(function() {
    $.dropdownAcache = { 
        val : "",
        val1 : "",
    };

    $('#id_A').ready(function() {
        var optionval = $('#id_A').val();
        $.dropdownAcache.val = $('#id_A').val();
        $('#id_B > option[value=' + optionval + ']').remove();
    });

    $('#id_A').click(function() {
        var optionval = $('#id_A').val();
        $.dropdownAcache.val1 = $('#id_A').val();
        $('#id_B > option[value=' + optionval + ']').remove();
        $('#id_B').append$(dropdownAcache.val);
        $.dropdownAcache.val = $.dropdownAcache.val1;
    });

....但它似乎所做的只是从下拉框 B 中删除值,但从不重新添加值。这实际上很可笑,因为我最终在下拉框 B 中没有值,但严肃地说,任何人都可以帮助得到这个工作?

干杯-奥利

4

1 回答 1

1

您应该使用的事件是“更改”事件。此外,您不需要第二个.ready()回调,它没有任何用途(第一个.ready()处理)

$.dropdownAcache = { 
    val : "",
    val1 : ""
};

$(document).ready(function() {

    var optionval = $('#id_A').val();
    $.dropdownAcache.val = $('#id_A').val();
    $('#id_B > option[value="' + optionval + '"]').remove();

    $('#id_A').change(function() {
        optionval = $('#id_A').val();
        $.dropdownAcache.val1 = optionval;
        $('#id_B > option[value="' + optionval + '"]').remove();
        $('#id_B').append( $.dropdownAcache.val );
        $.dropdownAcache.val = $.dropdownAcache.val1;
    });
});

(至于为什么你的列表永远不会得到添加的值,你有一个不幸的错字.append$(dropdownAcache.val);

于 2012-09-04T19:47:51.417 回答