Đếm số lượng thẻ tùy chọn trong phần tử Chọn Dom trong JQuery

Question

Cách đếm số lượng tùy chọn trong Phần tử DOM được chọn bằng cách sử dụng jQuery.

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

Làm thế nào để tìm số tuỳ chọn thẻ trong các yếu tố select DOM từ với điều đó tôi muốn mở bảng điều khiển với số lĩnh vực đầu vào với giá trị tùy chọn tương ứng từ hộp thả xuống trong đó và thay đổi Cài đặt nó một lần nữa trong bảng Preview.

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

Answer 1

Câu hỏi của bạn là một chút bối rối, 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 tôi hiểu phần còn lại của câu hỏi của bạn.

Answer 2

Giải pháp W3C:

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

Answer 3

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

này sẽ sản xuất 2.

Đây là làm việc Fiddle

Answer 4

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

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

Tôi đã có bội số bên trong trang của tôi đó là lý do tại sao tôi sử dụng một lớp học.

thả xuống của tôi tràn ngập 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ó các yếu tố $ (this)

như vậy ...

tôi phải làm:

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

Answer 5

Trong hộp tùy chọn đa lựa chọn, bạn có thể sử dụng $('#input1 :selected').length; để nhận số 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'); 
    } 
} 

Answer 6

Bạn có thể sử dụng một trong hai length tài sản và length là tốt hơn Biến sau đó size.

$('#input1 option').length; 

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

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

Demo

Answer 7

Các hình thức tốt nhất là này

$('#example option').length