Zählen der Anzahl der Options-Tags in einem Select-Tag in jQuery

Wie zähle ich mit jQuery die Anzahl der <option>s in einem <select>DOM-Element?

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

Ich möchte die Anzahl der <option>Tags im <select>DOM-Element ermitteln, da ich damit das Einstellungsfeld mit dieser Anzahl von Eingabefeldern mit dem entsprechenden Optionswert aus dem Dropdown-Feld öffnen und in der Vorschau erneut ändern möchte Panel.

Das obige Dropdown-Feld befindet sich in meinem Vorschaufenster, das von jQuery generiert wird.

$('#input1 option').length;

Dies wird produzieren 2.

Die W3C-Lösung:

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

Sie können beide Längeneigenschaften verwenden und haben dann lengtheine bessere Leistung size.

$('#input1 option').length;

ODER Sie können Größenfunktion wie verwenden

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

Demo

Ihre Frage ist etwas verwirrend, aber vorausgesetzt, Sie möchten die Anzahl der Optionen in einem Panel anzeigen:

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

und

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

Ich bin mir nicht sicher, ob ich den Rest Ihrer Frage verstehe.

In einem Optionsfeld mit Mehrfachauswahl können $('#input1 :selected').length;Sie die Anzahl der ausgewählten Optionen abrufen. 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');
    }
}

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

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

Ich hatte mehrere auf meiner Seite, deshalb habe ich eine Klasse verwendet.

Mein Dropdown wurde automatisch von einer Ajax-Anfrage gefüllt, als ich darauf klickte, also hatte ich nur das Element $ (this)

so...

Ich musste es tun:

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

Die beste Form ist dies

$('#example option').length

Ein weiterer Ansatz, der nützlich sein kann.

$('#select-id').find('option').length