Question

我有一个下拉列表，我已经为它绑定了一个更改事件处理程序。每当用户选择新选项时，我想知道它是否是列表的最后一个选项。

令人讨厌的是，无论选择了哪个选项，下面代码段中的相关条件始终返回true：

        sel.change(function() {
            //this always returns true!
            if(jQuery('#' + this.id + ' option').is(':last')) {
                alert('hello I am the last option');
                inputDiv.show();
                inputDiv.find("input").attr('disabled',false);
            } else {
                inputDiv.hide();
                inputDiv.find("input").attr('disabled',true);
            }
        });

即使我这样做，结果也一样：

if(jQuery('#' + this.id + ' option:selected').is(':last')) {
...

我做错了什么？如果你知道，为什么这些测试都评估为真？

编辑：找到解决方案：

if(jQuery('#' + this.id + ' option:last').is(':selected')) {
...
}

有谁知道更好的方法吗？

Answer 1

看，没有臃肿！

 sel.selectedIndex == sel.length-1

那是W3C standard solution。

Answer 2

嘿，这是另一个......而且是“jQuerish”：）

$("select option:last").is(":selected")

检查下拉列表中当前所选选项是否为最后一个选项的最佳方法是什么？

2 个答案: