js的一个简略的联动
日期：2014-05-16 浏览次数：20456 次
js的一个简单的联动
1. 前面下拉框的改变触发后面下拉框的改变。
function change (value){
var s2=document.getById("max");
value=Integer.parseInt(value);
switch(value){
case( 0 ):
removeOp(s2);
break;
case(1):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("1",1));
s2.options.add(new Option("2",2));
s2.options.add(new Option("3",3));
s2.options.add(new Option("4",4));
break;
case(2):
removeOp(2);
s2.options.add(new Option("",0));
s2.options.add(new Option("2",2));
s2.options.add(new Option("3",3));
s2.options.add(new Option("4",4));
break;
case(3):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("3",3));
s2.options.add(new Option("4",4));
break;
case(4):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("4",4));
break;
case(5):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("5",5));
s2.options.add(new Option("6",6));
s2.options.add(new Option("7",7));
break;
case(6):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("6",6));
s2.options.add(new Option("7",7));
break;
case (7):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("7",7));
break;
default:
removeOp(s2);
s2.options.add(new Option("",0));
}
}
function removeOp (s1){
for(var i=s1.options.length-1;i>=0;i--){
s1.removechild(s1.options[i]);
}
}
<html:select property="work_cnt_min" onchange="change(this.value);">
2.取到value后面的值（星期一...）
function getValues(){
var s=document.getElementById("day").value;
var cc=s.options[s.selectedIndex].text;
alert(cc);
}
<select id="day">
<option value="1"> 星期一</option>
<option value="2" >星期二</option>
<option value="3">星期三 </option>
<option value="4">星期四</option>
<select/>
1. 前面下拉框的改变触发后面下拉框的改变。
function change (value){
var s2=document.getById("max");
value=Integer.parseInt(value);
switch(value){
case( 0 ):
removeOp(s2);
break;
case(1):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("1",1));
s2.options.add(new Option("2",2));
s2.options.add(new Option("3",3));
s2.options.add(new Option("4",4));
break;
case(2):
removeOp(2);
s2.options.add(new Option("",0));
s2.options.add(new Option("2",2));
s2.options.add(new Option("3",3));
s2.options.add(new Option("4",4));
break;
case(3):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("3",3));
s2.options.add(new Option("4",4));
break;
case(4):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("4",4));
break;
case(5):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("5",5));
s2.options.add(new Option("6",6));
s2.options.add(new Option("7",7));
break;
case(6):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("6",6));
s2.options.add(new Option("7",7));
break;
case (7):
removeOp(s2);
s2.options.add(new Option("",0));
s2.options.add(new Option("7",7));
break;
default:
removeOp(s2);
s2.options.add(new Option("",0));
}
}
function removeOp (s1){
for(var i=s1.options.length-1;i>=0;i--){
s1.removechild(s1.options[i]);
}
}
<html:select property="work_cnt_min" onchange="change(this.value);">
2.取到value后面的值（星期一...）
function getValues(){
var s=document.getElementById("day").value;
var cc=s.options[s.selectedIndex].text;
alert(cc);
}
<select id="day">
<option value="1"> 星期一</option>
<option value="2" >星期二</option>
<option value="3">星期三 </option>
<option value="4">星期四</option>
<select/>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
