0

我使用的 jQuery 函数禁止在一页上选择相同的选择值。例如：如果我在第 2 页有不同的选择，并且第一次选择时选择的值为 1，那么在第二次选择时，值 1 应该被禁用。我找到了注释的 jQuery 函数，但我不知道它的运行方式。

var previous = -1;
// Setting a previously selected value
$("select").change(function () {
// When any select element is changed
if ($(this).val() > -1) {
// When value is > -1
    // Get all selects but not the current one which triggered the change event
    $("select").not(this)
       .find("option[value=" + $(this).val() + "]").attr('disabled', 'disabled');
    // set the current option value to disabled

     // Get all selects but not the current one which triggered the change event
    $("select").not(this)
        .find("option[value=" + previous + "]").removeAttr('disabled');
    // Remove the disabled property on previous value
} else {
    // Get all selects but not the current one which triggered the change event
    $("select").not(this)
        .find("option[value=" + previous + "]").removeAttr('disabled');
    // Remove the disabled property
}
}).focus(function () {
previous = $(this).val();
// store the current value of the select to previous 
});

这是 JSFiddle 链接：http: //jsfiddle.net/Z2yaG/4/

有人可以解释一下 var 以前的数组吗？函数如何存储 var previous 上所有选择的值？

4

1 回答 1

1

当您专注于任何选择时，previous获取选择值。并且当您更改时， $(this).val()获取更改后的值，并previous包含先前的值（进行更改之前的值。

因此，基本上您的功能所做的是，一旦您选择任何选项，它就会在其他两个选项中禁用该选项selects

$("select").not(this) .find("option[value=" + $(this).val() + "]").attr('disabled', 'disabled');

此行表示，选择select除当前行之外的所有行，以及disable带有option值的this.val()

然后它同样启用该previous选项，因为它不再被选中

$("select").not(this) .find("option[value=" + previous + "]").removeAttr('disabled');

选择所有selects除了this并删除disable所有options具有所选值的

于 2013-06-27T10:22:52.430 回答