programing

드롭다운 메뉴에 옵션이 몇 개 있는지 확인하려면 어떻게 해야 합니까?

testmans 2023. 9. 12. 19:53
반응형

드롭다운 메뉴에 옵션이 몇 개 있는지 확인하려면 어떻게 해야 합니까?

jQuery를 사용하여 드롭다운 메뉴에 몇 가지 옵션이 있는지 확인하려면 어떻게 해야 합니까?

감사해요.

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

아니면

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

이는 당신이<select>목록은 다음 ID를 가집니다.mySelectList.

$("#mydropdown option").length

아니면 이미 관련 자료를 입수하셨다면

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

길이 속성 또는 크기 방법을 사용하여 jQuery 컬렉션에 있는 항목 수를 확인합니다.하위 선택기를 사용하여 모두 선택<option>의 범위 내에 있는<select>.

HTML:

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

JQuery:

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

그리고 간단한 메모, 종종 매우 특정한 것에 대해 무언가를 조사해야 할 필요가 있을 것입니다. 하지만 여러분은 먼저 매우 특정한 것이 존재하는지를 확인해야 합니다.길이 특성이 완벽한 도구입니다.예:

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

이는 "ID=myDropDown 항목에 하위 '옵션'이 있는 경우 수행해야 할 작업을 수행하십시오.

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

$("#elementid option").length

이에 대한 이전 게시물을 보려면 여기를 클릭하십시오.

기본적으로 select의 ID를 목표로 설정하고 다음 작업을 수행합니다.

var numberOfOptions = $('#selectId option').length;
$('#idofdropdown 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

토드 모토의 보기 좋은 비디오

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

언급URL : https://stackoverflow.com/questions/3337749/how-do-i-check-how-many-options-there-are-in-a-dropdown-menu

반응형