Đếm số lượng thẻ tùy chọn trong một thẻ chọn trong jQuery

Làm cách nào để tôi đếm số <option>s trong <select>phần tử DOM bằng jQuery?

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

Tôi muốn tìm số lượng <option>thẻ trong <select>phần tử DOM, vì tôi muốn mở bảng cài đặt với số trường nhập đó với giá trị tùy chọn tương ứng từ hộp thả xuống trong đó và để thay đổi lại trong phần xem trước bảng điều khiển.

Hộp thả xuống ở trên nằm trong bảng xem trước của tôi được tạo bởi jQuery.

$('#input1 option').length;

Điều này sẽ sản xuất 2.

Giải pháp W3C:

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

Bạn có thể sử dụng một trong hai chiều dài bất động sản và lengthlà Biến tốt hơn sau đó size.

$('#input1 option').length;

HOẶC bạn có thể sử dụng chức năng kích thước như

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

Bản giới thiệu

Câu hỏi của bạn hơi khó hiểu, nhưng giả sử bạn muốn hiển thị số lượng tùy chọn trong một bảng điều khiển:

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

và

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

Không chắc chắn tôi hiểu phần còn lại của câu hỏi của bạn.

Trong hộp tùy chọn nhiều lựa chọn, bạn có thể sử dụng $('#input1 :selected').length;để lấy số lượng tùy chọn đã chọn. Điều này có thể hữu ích để vô hiệu hóa các nút nếu một số tùy chọn tối thiểu nhất định không được đáp ứng.

function refreshButtons () {
    if ($('#input :selected').length == 0)
    {
        $('#submit').attr ('disabled', 'disabled');
    }
    else
    {
        $('#submit').removeAttr ('disabled');
    }
}

Ok, tôi đã có một vài vấn đề vì tôi đã ở trong

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

Tôi đã có nhiều trong trang của mình, đó là lý do tại sao tôi sử dụng một lớp.

Việc thả xuống của tôi được điền tự động bởi một yêu cầu ajax khi tôi nhấp vào nó, vì vậy tôi chỉ có phần tử $ (cái này)

vì thế...

Tôi phải làm:

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

Hình thức tốt nhất là đây

$('#example option').length

Một cách tiếp cận khác có thể hữu ích.

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