드롭 다운 메뉴에 얼마나 많은 옵션이 있는지 어떻게 확인합니까?


답변:


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

또는

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

이것은 <select>목록에 ID가 있다고 가정합니다 mySelectList.


.children('option').length;.done ({})에서 ajax를 통해 동적으로 선택 목록을 채운 후 실제 옵션 개수 /select.length를 얻을 수있는 유일한 방법이었습니다. .append () 사용. 잘 했어!
yardpenalty.com 2011

선택한 옵션의 길이이 올바른 "$ : 길이 ( '검색 - 선택 옵션을 선택했습니다.')"입니다.
유세프 Boudaya

10
$("#mydropdown option").length

또는 이미 참조가 있다면

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

8

사용 길이 속성 이나 크기 방법을 JQuery와 수집에 얼마나 많은 항목을 찾을 수 있습니다. 사용 후손 선택기를 모두 선택 <option>내의를 <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을 가진 항목에 하위 '옵션'이있는 경우 필요한 작업을 수행하십시오.




4

특정 선택 요소의 옵션 수 가져 오기

$("#elementid option").length

약간 더 빠른 ".length"보다 ".size"를 사용하는 것은 이점이 없습니다.
Russ Bradberry




0

순수한 자바 스크립트를 사용하면 선택 상자의 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

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.