Làm cách nào để kiểm tra xem có bao nhiêu tùy chọn trong menu thả xuống?

Làm cách nào để kiểm tra bằng jQuery, có bao nhiêu tùy chọn trong menu thả xuống?

Cảm ơn.

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

hoặc là

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

Điều này giả sử <select>danh sách của bạn có ID là mySelectList.

• http://api.jquery.com/length/
• http://api.jquery.com/children/
• http://api.jquery.com/child-selector/

$("#mydropdown option").length

Hoặc nếu bạn đã có tham chiếu đến nó,

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

Sử dụng thuộc tính length hoặc phương thức kích thước để tìm ra có bao nhiêu mục trong bộ sưu tập jQuery. Sử dụng công cụ chọn hậu duệ để chọn tất cả <option>trong một<select> .

HTML:

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

JQuery:

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

Và một lưu ý nhanh, thường thì bạn sẽ cần thực hiện điều gì đó trong jquery cho một thứ rất cụ thể, nhưng trước tiên bạn cần xem liệu thứ đó có tồn tại hay không. Thuộc tính chiều dài là công cụ hoàn hảo. thí dụ:

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

Điều này 'dịch' thành "Nếu mục có ID = myDropDown có bất kỳ tùy chọn con cháu nào, hãy làm những gì bạn cần làm.

Bấm vào đây để xem một bài viết trước về điều này

Về cơ bản chỉ cần nhắm mục tiêu ID của lựa chọn và thực hiện điều này:

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

$('#idofdropdown option').length;

Nên làm vậy.

Nhận số lượng tùy chọn trong một phần tử chọn cụ thể

$("#elementid option").length

alert($('#select_id option').length);

$('#dropdown_id').find('option').length

$('select option').length;

hoặc là

$("select option").size()

Với javascript thuần túy, bạn chỉ có thể gọi độ dài trên id của hộp chọn. Nó sẽ nhanh hơn. Thông thường, với mọi thứ javascript gốc đang hoạt động ngày càng tốt hơn với các trình duyệt hiện đại

Điều này có thể đạt được trong javascript bằng cách

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

var length = dropdownFilterSite.length.

Trang web tốt cho một số học tập

www.youmightnotneedjquery.com

Một video hay để xem của Todd Motto

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