cuente el número de selecciones en un cuadro de selección múltiple

Question

Tengo una lista de selección múltiple que tiene más de 5 opciones, y quiero contar el número de selección de las opciones seleccionadas por el usuario.

¿Cómo hacerlo usando el script java?

He intentado lo siguiente, pero no funcionó para mí:

var x = document.getElementById("preference").count; 

Gracias de antemano.

Answer 1

Asumir foo es la identificación de la selección.

Si utiliza javasript normales:

var options = document.getElementById('foo').options, count = 0; 
for (var i=0; i < options.length; i++) { 
    if (options[i].selected) count++; 
} 

Si utiliza jQuery:

var count = $('#foo option:selected').length; 

Answer 2

Utilice el :selected, así:

$('#example option:selected').length; 

Answer 3

Usted puede intentar esto para conseguir cuadro de selección múltiple número de opciones seleccionadas por el usuario y sus nombres seleccionados. Tratar este enlace http://jsfiddle.net/N6YK8/8/

function getCount(){ 
      var comboBoxes = document.querySelectorAll("select"); 
      var selected = []; 
      for(var i=0,len=comboBoxes.length;i<len;i++){ 
        var combo = comboBoxes[i]; 
        var options = combo.children; 
        for(var j=0,length=options.length;j<length;j++){ 
         var option = options[j]; 
         if(option.selected){ 
          selected.push(option.text); 
         } 
        } 
      } 
      alert("Selected Options '" + selected + "' Total Count "+ selected.length); 
     } 

Answer 4

Si < IE8 no es una preocupación, se puede hacer una sola línea como document.querySelectorAll("option:checked") para obtener todas las opciones seleccionadas.

Answer 5

function SelectPage(elem) 
{ 
    alert(elem); 
} 
<select id="page" name="section" onChange="SelectPage(this);" id="num"> 
    <option value="">Select Section</option> 
    <option value="1">Page-1</option> 
    <option value="2">Page-2</option> 
    <option value="3">Page-3</option> 
    <option value="4">Page-4</option> 
    <option value="5">Page-5</option> 
</select>