การนับจำนวนแท็กตัวเลือกในแท็กที่เลือกใน jQuery

ฉันจะนับจำนวน<option>s ใน<select>องค์ประกอบ DOM โดยใช้ jQuery ได้อย่างไร

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

ฉันต้องการค้นหาจำนวน<option>แท็กใน<select>องค์ประกอบ DOM เนื่องจากเมื่อฉันต้องการเปิดแผงการตั้งค่าที่มีจำนวนฟิลด์อินพุตที่มีค่าตัวเลือกที่สอดคล้องกันจากกล่องแบบเลื่อนลงในนั้นและเปลี่ยนอีกครั้งในหน้าตัวอย่าง แผงหน้าปัด.

ช่องแบบเลื่อนลงด้านบนอยู่ในแผงตัวอย่างของฉันซึ่งสร้างโดย jQuery

$('#input1 option').length;

2นี้จะผลิต

โซลูชัน W3C:

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

คุณสามารถใช้ระยะเวลาในทรัพย์สินและlengthเป็น perfomance sizeดีขึ้นแล้ว

$('#input1 option').length;

หรือคุณสามารถใช้ฟังก์ชั่นขนาดเช่น

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

การสาธิต

คำถามของคุณค่อนข้างสับสน แต่สมมติว่าคุณต้องการแสดงจำนวนตัวเลือกในแผงควบคุม:

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

และ

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

ไม่แน่ใจว่าฉันเข้าใจคำถามที่เหลือของคุณหรือไม่

ในกล่องตัวเลือกแบบหลายตัวเลือกคุณสามารถใช้$('#input1 :selected').length;เพื่อรับจำนวนตัวเลือกที่เลือก สิ่งนี้มีประโยชน์ในการปิดใช้งานปุ่มหากไม่สามารถทำตามตัวเลือกขั้นต่ำจำนวนหนึ่งได้

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

ตกลงฉันมีปัญหาเล็กน้อยเพราะฉันอยู่ข้างใน

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

ฉันมีหลายรายการในหน้าของฉันนั่นคือเหตุผลที่ฉันใช้ชั้นเรียน

รายการแบบหล่นลงของฉันถูกเติมโดยอัตโนมัติโดยคำขอ ajax เมื่อฉันคลิกมันดังนั้นฉันจึงมีองค์ประกอบ $ (สิ่งนี้)

ดังนั้น...

ฉันต้องทำ:

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

แบบฟอร์มที่ดีที่สุดคือสิ่งนี้

$('#example option').length

อีกแนวทางหนึ่งที่มีประโยชน์

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