jQuery에서 선택한 태그에 있는 옵션 태그 수

jQuery에서 선택한 태그에 있는 옵션 태그 수

개수는 어떻게 계산하나요?<option>죄악을 범한<select>jQuery를 사용한 DOM 요소?

<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보다 성능이 우수합니다.size.

$('#input1 option').length;

또는 (jQuery v3에서 제거)와 같은 크기 기능을 사용할 수 있습니다.

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

$(document).ready(function(){
   console.log($('#input1 option').size());
   console.log($('#input1 option').length);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select data-attr="dropdown" id="input1">
   <option value="Male" id="Male">Male</option>
   <option value="Female" id="Female">Female</option>
</select>

질문이 조금 헷갈리지만 패널에 옵션의 수를 표시하려면 다음과 같이 하십시오.

<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');
    }
}

가장 좋은 형태는 이것입니다.

$('#example option').length

네, 제가 안에 있었기 때문에 몇가지 문제가 있었습니다.

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

내 페이지 안에 여러 개가 있어서 수업을 사용했습니다.

내 드롭다운은 클릭했을 때 ajax 요청에 의해 자동으로 채워져서 요소($this)만 있었습니다.

그래서...

나는 해야만 했습니다.

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

이렇게 하면 사용 가능한 모든 옵션의 개수가 질문과 정확히 일치합니다.변수에 노드가 이미 있는 경우 유용합니다.

유용할 수 있는 또 다른 접근법.

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

언급URL : https://stackoverflow.com/questions/1152738/counting-the-number-of-option-tags-in-a-select-tag-in-jquery