다중 SELECT 선택된 항목 수 세기

get number of selected items in MULTIPLE SELECT

다중 SELECT 선택된 항목 수 세기

다중선택 select에서 선택된 항목 개수 세기

1 자바스크립트

<select id='fruits' name='fruits[]' size='3' multiple='multiple' onchange='count_selected()'>
  <option value='apple'>사과</option>
  <option value='banana'>바나나</option>
  <option value='lemon'>레몬</option>
</select>

<div>
  선택된 개수: <input id='num' type='text' value='0' />
</div>

<script>
  function count_selected() {
    var obj = document.getElementById("fruits");
    cnt = 0;
    for (i = 0; i < obj.length; i++) if (obj[i].selected) cnt++;
    document.getElementById("num").value = cnt;
  }
</script>

2 jQuery

<select id='fruits' name='fruits[]' size='3' multiple='multiple'>
  <option value='apple'>사과</option>
  <option value='banana'>바나나</option>
  <option value='lemon'>레몬</option>
</select>

<div>
  선택된 개수: <input id='num' type='text' value='0' />
</div>

<script src="https://code.jquery.com/jquery.min.js"></script>
<script>
  $("#fruits").change(function() {
    $("#num").val($(this).children(":selected").length);
  });
</script>

3 같이 보기

• HTML SELECT 여러 개 선택