日期:2014-05-16 浏览次数:20442 次
A:<select name="selectOne" id="selectOne" onchange="changeSelect(0)">
<option value="4">40%</option>
<option value="5">50%</option>
<option value="6">60%</option>
<option value="7">70%</option>
<option value="8">80%</option>
<option value="9">90%</option>
<option value="10" selected="selected">100%</option>
</select>
B:<select name="selectTwo" id="selectTwo" onchange="changeSelect(1)">
<option value="0">0%</option>
<option value="1">10%</option>
</select>
C:<select name="selectThree" id="selectThree">
<option value="0">0%</option>
</select>
<script type="text/javascript">
function changeSelect(id){
var one=document.getElementById("selectOne");
var two=document.getElementById("selectTwo");
var three=document.getElementById("selectThree");
var onev=one.options[one.selectedIndex].value;
var n=10-onev, l,b=false;
three.innerHTML="";
if(id==1){
l=n-two.options[two.selectedIndex].value;
three.add(new Option(l*10+"%",l));
}else{
two.innerHTML="";
for(var i=0;i<=n;i++){
l=n-i;
if(i<onev&&l<onev){
two.add(new Option(i*10+"%",i));
if(!b){
three.add(new Option(l*10+"%",l));
b=true;
}
}
}
}
}
</script>