Question

js select 问题 很急！~

就是有五个
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
但选择其中某两个或者三个时会计算它们的总和并付给第六个
<select name="sum" id="sum"></select>
而且是无刷新的！每次选择时都会计算它们的总值。。
大虾啊，六个代码过来好啊。我没学过js...呵呵！~谢谢了！

很不好意识！~我的表达有误。 我的意思是有五个select不是select里有五个值，，任意选中两个或者三个select，会计算它们的和付给第六个select。。呵呵！~但还是很谢谢两位的热情帮忙的！~

Answer 1

-------------------------

感谢 II个人的寂寞 指出BUG.我已修改.代码如下:
鄙视 mefee2008 的偷梁换柱.

-------------------

对.这个optgroup可以的.只因为它永远不能改变样式.只能是加粗斜体.所以一直不怎么用.

我算是明白楼主的意思了...看我的:(之前的代码楼主想要的话.我发给你消息.)

<select id="sel0" onchange="test()">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="sel1" onchange="test()">
<option value="0" selected>0</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<select id="sel2" onchange="test()">
<option value="0" selected>0</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<select id="sel3" onchange="test()">
<option value="0" selected>0</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<select id="sel4" onchange="test()">
<option value="0" selected>0</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<select id="sel5">
<option value="0" selected>0</option>
</select>
<script>
<!--
function test(){
var sum=0;
for(var ii=0;ii<5;ii++){
var sel=document.getElementById("sel"+ii);
for(var iii=0;iii<sel.length;iii++){
if(sel.options[iii].selected){
sum=parseInt(sum)+parseInt(sel.options[iii].value);
}
}
}
document.getElementById("sel5").options[0].value=sum;
document.getElementById("sel5").options[0].text=sum;
}
test();
//-->
</script>

Answer 2

你这是一个下拉框啊！
要是想多选的话，首先要加上row这个属性吧？
你再描述的清楚一点吧！

Answer 3

好了好了，原创来了，郁闷的。

<script>

function Dsum(){
document.getElementById("sumf").options.value= parseInt(document.getElementById("suma").value) + parseInt(document.getElementById("sumb").value)+ parseInt(document.getElementById("sumc").value)+ parseInt(document.getElementById("sumd").value)+ parseInt(document.getElementById("sume").value);
document.getElementById("sumf").options.text= parseInt(document.getElementById("suma").value) + parseInt(document.getElementById("sumb").value)+ parseInt(document.getElementById("sumc").value)+ parseInt(document.getElementById("sumd").value)+ parseInt(document.getElementById("sume").value);

}

</script>

<select name="suma" id="suma" onchange="Dsum()">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

<select name="sumb" id="sumb" onchange="Dsum()">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select name="sumc" id="sumc" onchange="Dsum()">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select name="sumd" id="sumd" onchange="Dsum()">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select name="sume" id="sume" onchange="Dsum()">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select name="sumf" id="sumf" onchange="Dsum()">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

Answer 4

谢谢 ：贰壹肆伍捌
我下面的也是在你的基础上改的，想修正那个bug。我找到了一个新的标签。顺便学习了下。
其实分数真的不是很重要的，重要的是能够从大家身上学到自己不会的东西。

PS:
->贰壹肆伍捌
对.这个optgroup可以的.只因为它永远不能改变样式.只能是加粗斜体.所以一直不怎么用.
==>谢谢指导！！！

<script>
function test(){
var sel=document.getElementById("sum");
var sum=0;
for(var ii=0;ii<sel.length;ii++){
if(sel.options[ii].selected){
sum=parseInt(sum)+parseInt(sel.options[ii].value);
}
}

document.getElementById("xxx").label="Sum：" +sum;

}
</script>
<select name="sum" id="sum" multiple size="6" onchange="test()" type="select-multiple">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<OPTGROUP id="xxx" LABEL="Sum：0">
</select>

Answer 5

<select name="select" size="1" multiple>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
这样就可以实现多选了，size="1" 是指下拉框默认显示的高度，multiple 表示允许多选，希望能帮你