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

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

5

Klik di sini untuk melihat posting sebelumnya tentang ini

Pada dasarnya targetkan saja ID yang dipilih dan lakukan ini:

var numberOfOptions = $('#selectId option').length;

— Munzilla
sumber

lihat komentar saya untuk @Shaji

— Russ Bradberry

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