Zählen der Anzahl der Options-Tags im Element "Select Dom" in JQuery

Question

So zählst du die Anzahl der Optionen in einem ausgewählten DOM-Element mithilfe von jQuery.

<select data-attr="dropdown" id="input1"> 
     <option value="Male" id="Male">Male</option> 
     <option value="Female" id="Female">Female</option> 
    </select> 

Wie die Anzahl der Optionen-Tag im select DOM-Element mit, dass da finde ich die Einstellungen Panel mit dieser Anzahl von Eingabefeldern mit dem entsprechenden Optionswert aus dem Dropdown-Feld in es öffnen möchten, und ändern es wieder in der Vorschauanzeige.

Wo die obige Dropdown-Box ist in meinem Vorschau-Panel, die von jQuery generiert wird.

Answer 1

Ihre Frage ist ein wenig verwirrend, aber vorausgesetzt, Sie die Anzahl der Optionen in einem Panel angezeigt werden soll:

<div id="preview"></div> 

und

$(function() { 
    $("#preview").text($("#input1 option").length + " items"); 
}); 

Nicht sicher verstehe ich den Rest Ihrer Frage.

Answer 2

Die W3C-Lösung:

var len = document.getElementById("input1").length; 

Answer 3

$('#input1 option').size(); 

Das 2.

Hier ist die Arbeits Fiddle

Answer 4

Ok produzieren, hatte ich ein paar Probleme, weil ich in einem

war

$('.my-dropdown').live('click', function(){ 
}); 

Ich hatte mehrere Seiten in meiner Seite, deshalb habe ich eine Klasse benutzt.

Mein Dropdown wurde automatisch von einem Ajax-Request gefüllt, wenn ich es angeklickt, so hatte ich nur das Element $ (this)

so ...

ich tun musste:

$('.my-dropdown').live('click', function(){ 
    total_tems = $(this).find('option').length; 
}); 

Answer 5

In einem Mehrfachauswahlfeld können Sie $('#input1 :selected').length; verwenden, um die Anzahl der ausgewählten Optionen abzurufen. Dies kann nützlich sein, um Schaltflächen zu deaktivieren, wenn eine bestimmte Mindestanzahl von Optionen nicht erfüllt ist.

function refreshButtons() { 
    if ($('#input :selected').length == 0) 
    { 
     $('#submit').attr ('disabled', 'disabled'); 
    } 
    else 
    { 
     $('#submit').removeAttr ('disabled'); 
    } 
} 

Answer 6

können Sie entweder length Eigenschaft und length ist besser perfomance verwenden dann size.

$('#input1 option').length; 

oder Sie können size Funktion wie

$('#input1 option').size(); 

Demo

Answer 7

Die beste Form verwenden ist diese

$('#example option').length