JS：<select>複数

Question

のディスプレイ選択は、私はこの例があります：

<form action="form_action.asp"> 
    <select multiple="multiple" name="example" size="10"> 
    <option value="foo">Foo</option> 
    <option value="bar">Bar</option> 
    <option value="anything">Anything</option> 
    <option value="else">Else</option> 
    </select> 
    <input type="submit" /> 
</form> 

をそして私は（CTRL + clicクリックで）選択されている行数を表示したいです。私は少しのJSでやってもいいと思っていますが、どうやって書くのか分かりません。

Answer 1

まず、あなたの完全性のために

<select id="yourSelect" multiple="multiple" name="example" size="10"> 

その後、

var numSelected = 0; 
var allOptions = document.getElementById("yourSelect"); 
for (var i = 0; i < allOptions.length; i++) 
    if (allOptions[i].selected) 
     numSelected++ 

IDを選択与える、私はあなたが今までのjQueryを使用したい場合はことを言及だろう、と私はあなたがすべきとは言いませんよこの単純な何かが、あなたが今まで行った場合、あなたは

var numSelected = $("option:selected", "#yourSelect").length; 

Answer 2

でこれを行うことができ、私はをGoogleで検索し、見つかりましたオプションでArray（selected）を作成します

var selected = new Array(); 
for (var i = 0; i < ob.options.length; i++) { 
    if (ob.options[ i ].selected) { 
     selected.push(ob.options[ i ].value); 
    } 
} 

。選択した項目の数を簡単に変更することができます。

Answer 3

example製： をしかし、コアは次のとおりです。

function parseSelected() { 
    var count = 0; 

    for (var i = 0; i < length; i++) { 
     if (select[ i ].selected) { 
      count++ 
     } 
    } 
    output.innerHTML = count; 
}