下拉框选值动态计算次数


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("select").change(check);
}); function check(){
var aNumber = 0, bNumber = 0;
var checkList = ["#sl1", "#sl2"];
var i = 0, len = checkList.length; for(; i<len; i++){
var value = $(checkList[i] + " option:selected").val(); if(value == "a")
aNumber++;
else if(value == "b")
bNumber++;
} $("#sp_a").text(aNumber);
$("#sp_b").text(bNumber);
}
</script>
 </head>
 <body>
<select id="sl1">
<option value="a">a</option>
<option value="b">b</option>
</select> <select id="sl2">
<option value="a">a</option>
<option value="b">b</option>
</select> <br />
<span>选择A: </span><span id="sp_a">2</span>
<br />
<span>选择B: </span><span id="sp_b">0</span>
</body>
</html>
简单用jQuery写了一个.