ฉันจะตรวจสอบได้อย่างไรว่ามีกี่ตัวเลือกในเมนูแบบเลื่อนลง?

ฉันจะตรวจสอบได้อย่างไรโดยใช้ jQuery มีกี่ตัวเลือกในเมนูแบบเลื่อนลง

ขอบคุณ.

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

หรือ

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

นี้จะถือว่าคุณรายการมีรหัสของ<select>mySelectList

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

$("#mydropdown option").length

หรือถ้าคุณมีข้อมูลอ้างอิงอยู่แล้ว

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

ใช้คุณสมบัติ lengthหรือวิธีการขนาดเพื่อค้นหาจำนวนรายการในคอลเลกชัน jQuery ใช้ตัวเลือกลูกหลานเพื่อเลือกทั้งหมด<option>ภายใน a <select>.

HTML:

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

JQuery:

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

และหมายเหตุสั้น ๆ บ่อยครั้งที่คุณจะต้องทำบางสิ่งใน jquery สำหรับสิ่งที่เฉพาะเจาะจงมาก ๆ แต่ก่อนอื่นคุณต้องดูว่าสิ่งที่เฉพาะเจาะจงนั้นมีอยู่จริงหรือไม่ คุณสมบัติความยาวเป็นเครื่องมือที่สมบูรณ์แบบ ตัวอย่าง:

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

สิ่งนี้จะแปลเป็น "ถ้ารายการที่มี ID = myDropDown มีตัวเลือก" ที่สืบทอดมา "ให้ไปทำสิ่งที่คุณต้องทำ

คลิกที่นี่เพื่อดูโพสต์ก่อนหน้าเกี่ยวกับเรื่องนี้

โดยทั่วไปเพียงกำหนดเป้าหมาย ID ของสิ่งที่เลือกและทำสิ่งนี้:

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

$('#idofdropdown option').length;

ที่ควรทำ.

รับจำนวนตัวเลือกในองค์ประกอบเลือกเฉพาะ

$("#elementid option").length

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

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

$('select option').length;

หรือ

$("select option").size()

ด้วยจาวาสคริปต์แท้คุณสามารถเรียกความยาวบน id ของกล่องเลือกได้ มันจะเร็วมากขึ้น โดยทั่วไปแล้วจาวาสคริปต์ดั้งเดิมทุกอย่างจะทำงานได้ดีขึ้นและดีขึ้นเมื่อใช้เบราว์เซอร์สมัยใหม่

สิ่งนี้สามารถทำได้ในจาวาสคริปต์โดย

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

var length = dropdownFilterSite.length.

เว็บไซต์ที่ดีสำหรับการเรียนรู้

www.youmightnotneedjquery.com

วิดีโอที่ดีสำหรับดูโดย Todd Motto

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