Bagaimana cara memeriksa berapa banyak opsi yang ada di menu tarik-turun?

110

Bagaimana cara memeriksa, menggunakan jQuery, berapa banyak opsi yang ada di menu drop-down?

Terima kasih.

jquery drop-down-menu Asim Zaidi
sumber

Jawaban:

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

atau

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

Ini mengasumsikan <select>daftar Anda memiliki ID mySelectList.

pengguna113716
sumber
.children('option').length;adalah satu-satunya cara saya bisa mendapatkan opsi count / select.length yang sebenarnya setelah saya mengisi daftar pilih saya secara dinamis melalui ajax di .done ({}); menggunakan .append (). Jalan untuk pergi!
yardpenalty.com
untuk panjang opsi yang dipilih apakah ini benar "$ ('. opsi pencarian-pilih: dipilih'). panjang"
Youssef Boudaya
10 
$("#mydropdown option").length

Atau jika Anda sudah mendapatkan referensi tentang itu,

$(myDropdown).find("option").length
Matti Virkkunen
sumber
8

Gunakan properti panjang atau metode ukuran untuk mencari tahu berapa banyak item dalam koleksi jQuery. Gunakan pemilih keturunan untuk memilih semua <option>dalam a <select>.

HTML:

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

JQuery:

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

Dan catatan singkat, sering kali Anda perlu melakukan sesuatu di jquery untuk hal yang sangat spesifik, tetapi Anda harus terlebih dahulu melihat apakah hal yang sangat spesifik itu ada. Properti panjang adalah alat yang sempurna. contoh:

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

Ini 'diterjemahkan' menjadi "Jika item dengan ID = myDropDown memiliki opsi turunan ', lakukan apa yang perlu Anda lakukan.

Adam
sumber
4 
$('#idofdropdown option').length;

Itu harus dilakukan.

Rob Stevenson-Leggett
sumber
4

Dapatkan jumlah opsi dalam elemen pilih tertentu

$("#elementid option").length
Sharjeel Aziz
sumber
Tidak ada keuntungan menggunakan ".size" di atas ".length" yang sedikit lebih cepat.
Russ Bradberry
3 
alert($('#select_id option').length);
fantactuka
sumber
3 
$('#dropdown_id').find('option').length
kedua
sumber
3 
$('select option').length;

atau

$("select option").size()
nicholasklick.dll
sumber
.size()berguna jika Anda ingin berantai
adardesign
.size () mengembalikan dan integer dan, oleh karena itu, tidak dapat dirantai. Anda hanya dapat merangkai metode yang mengembalikan objek jQuery.
Russ Bradberry
0

Dengan javascript murni Anda bisa memanggil panjang id dari kotak pilih. Ini akan lebih cepat. Biasanya dengan semua javascript asli berkinerja lebih baik dan lebih baik dengan browser modern

Ini dapat dicapai dalam javascript dengan 

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

var length = dropdownFilterSite.length.

Situs web yang bagus untuk beberapa pembelajaran

www.youmightnotneedjquery.com

Video yang bagus untuk ditonton oleh Todd Motto

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

Vatsal
sumber