Was ist der beste Weg zu überprüfen, ob die aktuell ausgewählte Option in einer Dropdown-Liste die letzte ist?

Question

Ich habe eine Dropdown-Liste und ich habe einen Change-Event-Handler daran gebunden. Wann immer der Benutzer eine neue Option auswählt, möchte ich wissen, ob es die letzte Option der Liste ist.

ärgerlicher, die entsprechende Bedingung im Snippet unten immer true zurückgibt, ist unabhängig davon, welche Option ausgewählt worden:

 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); 
      } 
     }); 

Auch wenn ich dies tun, das Ergebnis ist das gleiche:

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

Was mache ich falsch? Und wenn Sie wissen, warum bewerten diese Tests beide als wahr?

EDIT: Fand die Lösung:

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

Hat jemand weiß, einen besseren Weg, dies zu tun?

Answer 1

Schau, kein Aufblasen!

sel.selectedIndex == sel.length-1 

Das ist W3C standard solution.

Answer 2

Hey, hier ist eine andere ... und es ist „jQuerish“ :)

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