Bir açılır menüde kaç seçenek olduğunu nasıl kontrol ederim?


110

JQuery kullanarak bir açılır menüde kaç seçenek olduğunu nasıl kontrol ederim?

Teşekkürler.

Yanıtlar:


201
var length = $('#mySelectList').children('option').length;

veya

var length = $('#mySelectList > option').length;

Bu, <select>listenizin kimliğine sahip olduğunu varsayar mySelectList.


.children('option').length;seçim listemi .done ({}) içindeki ajax aracılığıyla dinamik olarak doldurduktan sonra gerçek seçenek olarak count / select.length elde edebilmemin tek yoluydu; .append () kullanarak. Gitme zamanı!
yardpenalty.com

seçilen seçeneklerin uzunluğu için bu doğru "$ ('. ara-seçme seçeneği: seçili'). uzunluk"
Youssef Boudaya

10
$("#mydropdown option").length

Veya zaten bir referansınız varsa,

$(myDropdown).find("option").length

8

Bir jQuery koleksiyonunda kaç öğe olduğunu bulmak için length özelliğini veya boyut yöntemini kullanın. A içindeki tümünü seçmek için alt seçiciyi kullanın .<option><select>

HTML:

<select id="myDropDown">
<option>1</option>
<option>2</option>
.
.
.
</select>

JQuery:

var numberOfOptions = $('select#myDropDown option').length

Ve hızlı bir not, genellikle çok özel bir şey için jquery'de bir şeyler yapmanız gerekir, ancak önce çok özel bir şeyin var olup olmadığını görmeniz gerekir. Uzunluk özelliği mükemmel bir araçtır. misal:

   if($('#myDropDown option').length > 0{
      //do your stuff..
    } 

Bu, "ID = myDropDown'a sahip öğede herhangi bir alt" seçenek varsa, gitmeniz gerekeni yapın.




4

Belirli bir seçim öğesindeki seçeneklerin sayısını alın

$("#elementid option").length

Biraz daha hızlı olan ".size" yerine ".length" kullanmanın bir avantajı yoktur.
Russ Bradberry



3
$('select option').length;

veya

$("select option").size()

.size()zincirlemek istiyorsanız kullanışlıdır
adardesign

.size () döndürür ve tam sayıdır ve bu nedenle zincirleme yapılamaz. Yalnızca jQuery nesnelerini döndüren yöntemleri zincirleyebilirsiniz.
Russ Bradberry

0

Saf javascript ile sadece seçim kutusunun kimliğindeki uzunluğu çağırabilirsiniz. Daha hızlı olacak. Tipik olarak yerel javascript her şeyde modern tarayıcılarla daha iyi ve daha iyi performans gösterir

Bu, javascript ile şu şekilde gerçekleştirilebilir:

     var dropdownFilterSite = document.querySelector( '#dropDownId' );  //Similar to jQuery

var length = dropdownFilterSite.length.

Biraz öğrenmek için iyi bir web sitesi

www.youmightnotneedjquery.com

Todd Motto'dan izlemek için iyi bir video

https://www.youtube.com/watch?v=pLISnANteJY

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.