我有一個多選列表,其中有多個選項,我想統計用戶選擇的選項數。統計多選框中的選擇數
如何使用java腳本來做到這一點?
我嘗試以下,但它並沒有爲我工作:提前
var x = document.getElementById("preference").count;
感謝。
我有一個多選列表,其中有多個選項,我想統計用戶選擇的選項數。統計多選框中的選擇數
如何使用java腳本來做到這一點?
我嘗試以下,但它並沒有爲我工作:提前
var x = document.getElementById("preference").count;
感謝。
假設foo
是select的id。
如果使用正常javasript:
var options = document.getElementById('foo').options, count = 0;
for (var i=0; i < options.length; i++) {
if (options[i].selected) count++;
}
如果你使用jQuery:
var count = $('#foo option:selected').length;
使用:selected
選擇,就像這樣:
$('#example option:selected').length;
你可以試試這個讓多個選擇框用戶選擇的選項數量及其選擇的名稱。試試這個鏈接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);
}
如果< IE8是不是一個問題,你可以這樣做document.querySelectorAll("option:checked")
一個班輪讓所有選定的選項。
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>
你也可以在你的函數中使用這個 'var len = docment.getElementById(「num」)。options; alert(「hello」+ len.length);' –
> var x = document.getElementById(「preference」)。count; – coolmego