複数選択ボックスの選択数を数えます

Question

5つ以上のオプションを持つ複数の選択リストがあり、ユーザーが選択したオプションの選択数を数えたいと思います。

Javaスクリプトを使用する方法は？

私は次のことを試してみましたが、それは私のために動作しませんでした：事前に

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

感謝を。

Answer 1

fooは選択のIDです。

あなたは、通常のjavasript使用する場合：あなたはjQueryのを使用している場合

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

を：

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

Answer 2

このように、:selectedセレクタを使用します。

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

Answer 3

あなたが取得し、これを試すことができます選択された複数の選択ボックス、および選択された名前を含む。 < IE8が懸念されていない場合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

このリンクを試してみてください、あなたは、選択したすべてのオプションを取得するためにdocument.querySelectorAll("option:checked")のようなワンライナーを行うことができます。

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>