dropdownlist之间的互相联动实现(显示与隐藏)
实现 显示 之间 隐藏 联动 互相 DropDownList
2023-06-13 09:14:14 时间
<scriptlanguage="javascript"type="text/javascript">
varArrchange1=newArray();
varArrchange2=newArray();
varArrchange3=newArray();
functionhide(s_id,index)
{
varxxx=document.getElementById(s_id);
varoldOption=xxx.children(index);
varoldStr=oldOption.innerText;
varnewOption=document.createElement("<div"+oldOption.outerHTML.match(/(<\w*)([^>]*)(>)/)[2]+">");
newOption.innerText=oldStr;
newOption.swapNode(oldOption);
//alert(xxx.innerHTML);
}
functionshow(s_id,index)
{
varxxx=document.getElementById(s_id);
varoldOption=xxx.children(index);
if(oldOption.tagName=="DIV")
{
varoldStr=oldOption.innerText;
varnewOption=document.createElement("<option"+oldOption.outerHTML.match(/(<\w*)([^>]*)(>)/)[2]+">");
newOption.innerText=oldStr;
newOption.swapNode(oldOption);
}
//alert(xxx.innerHTML);
}
functiononchange1()
{
vars_index=document.getElementById("Ddl_question1").options[document.getElementById("Ddl_question1").selectedIndex].value;
s_index=parseInt(s_index);
if(s_index==0)
{
show("Ddl_question2",Arrchange1[0]);
show("Ddl_question3",Arrchange1[0]);
Arrchange1.pop();
}
else
{
Arrchange1.push(s_index);
if(Arrchange1.length>0)
{
show("Ddl_question2",Arrchange1[0]);
}
if(Arrchange1.length>0)
{
show("Ddl_question3",Arrchange1[0]);
}
hide("Ddl_question2",s_index);
hide("Ddl_question3",s_index);
}
}
functiononchange2()
{
vars_index=document.getElementById("Ddl_question2").options[document.getElementById("Ddl_question2").selectedIndex].value;
s_index=parseInt(s_index);
if(s_index==0)
{
show("Ddl_question1",Arrchange1[0]);
show("Ddl_question3",Arrchange3[0]);
Arrchange2.pop();
}
else
{
Arrchange2.push(s_index);
if(Arrchange2.length>0)
{
show("Ddl_question1",Arrchange2[0]);
}
if(Arrchange2.length>0)
{
show("Ddl_question3",Arrchange2[0]);
}
hide("Ddl_question1",s_index);
hide("Ddl_question3",s_index);
}
}
functiononchange3()
{
vars_index=document.getElementById("Ddl_question3").options[document.getElementById("Ddl_question3").selectedIndex].value;
s_index=parseInt(s_index);
if(s_index==0)
{
show("Ddl_question1",Arrchange3[0]);
show("Ddl_question2",Arrchange3[0]);
Arrchange3.pop();
}
else
{
Arrchange3.push(s_index);
if(Arrchange1.length>0)
{
show("Ddl_question1",Arrchange3[0]);
}
if(Arrchange2.length>0)
{
show("Ddl_question2",Arrchange3[0]);
}
hide("Ddl_question1",s_index);
hide("Ddl_question2",s_index);
}
}
functiona(){alert("fuck");}
</script>
<selectname="Ddl_question1"id="Ddl_question1"onchange="onchange1()">
<optionvalue="0">请选择密保信息</option>
<optionvalue="1">您母亲的姓名是?</option>
<optionvalue="2">您父亲的姓名是?</option>
<optionvalue="3">您配偶的姓名是?</option>
<optionvalue="4">您的出生地是?</option>
<optionvalue="5">您高中班主任的姓名是?</option>
<optionvalue="6">您初中班主任的姓名是?</option>
<optionvalue="7">您小学班主任的姓名是?</option>
<optionvalue="8">您小学校名是?</option>
<optionvalue="9">您的学号(或工号)是?</option>
<optionvalue="10">您父亲的生日是?</option>
<optionvalue="11">您母亲的生日是?</option>
<optionvalue="12">您配偶的生日是?</option>
</select>
<selectname="Ddl_question2"id="Ddl_question2"onchange="onchange2()">
<optionvalue="0">请选择密保信息</option>
<optionvalue="1">您母亲的姓名是?</option>
<optionvalue="2">您父亲的姓名是?</option>
<optionvalue="3">您配偶的姓名是?</option>
<optionvalue="4">您的出生地是?</option>
<optionvalue="5">您高中班主任的姓名是?</option>
<optionvalue="6">您初中班主任的姓名是?</option>
<optionvalue="7">您小学班主任的姓名是?</option>
<optionvalue="8">您小学校名是?</option>
<optionvalue="9">您的学号(或工号)是?</option>
<optionvalue="10">您父亲的生日是?</option>
<optionvalue="11">您母亲的生日是?</option>
<optionvalue="12">您配偶的生日是?</option>
</select>
<selectname="Ddl_question3"id="Ddl_question3"onchange="onchange3()">
<optionvalue="0">请选择密保信息</option>
<optionvalue="1">您母亲的姓名是?</option>
<optionvalue="2">您父亲的姓名是?</option>
<optionvalue="3">您配偶的姓名是?</option>
<optionvalue="4">您的出生地是?</option>
<optionvalue="5">您高中班主任的姓名是?</option>
<optionvalue="6">您初中班主任的姓名是?</option>
<optionvalue="7">您小学班主任的姓名是?</option>
<optionvalue="8">您小学校名是?</option>
<optionvalue="9">您的学号(或工号)是?</option>
<optionvalue="10">您父亲的生日是?</option>
<optionvalue="11">您母亲的生日是?</option>
<optionvalue="12">您配偶的生日是?</option>
</select>
相关文章
- ResNet34学习笔记+用pytorch手写实现
- 使用Python实现读取TXT小说文件按每一回显示打印出来
- 【致敬嵌入式攻城狮第2期活动预热征文】蜂鸣器加流水灯按键检测的实现
- 缓存利用Redis实现图片高效缓存(redis图片)
- MySQL实现用户授权的有效方式(mysql对用户授权)
- Oracle日期函数numtoyminterval实现加一天(oracle日期加1)
- 虚拟节点实现Redis高可用集群(虚拟节点 redis)
- MySQL双表连接,实现数据展示(mysql 两表显示)
- Oracle 04031实现可靠性与弹性(04031 oracle)
- asp实现视频显示的效果函数
- javascript弹出窗口中是否显示地址栏的实现代码
- ASP.NETGridView实现课程表显示(动态合并单元格)实现步骤
- js实现网站首页图片滚动显示
- java重定义数组的实现方法(与VB的ReDim相像)
- 深入Ajax代理的JavaServlet的实现详解
- JSPFusionChartsFree显示图表具体实现
- jQuery实现鼠标滑过遮罩并高亮显示效果
- Jquery实现的tab效果可以指定默认显示第几页
- 用javascript为页面添加天气显示实现思路及代码
- 使用javascript实现有效时间的控制,并显示将要过期的时间
- JQuery实现鼠标移动到图片上显示边框效果
- jquery预览图片实现鼠标放上去显示实际大小
- mysql数据库添加用户及分配权限具体实现
- jquery实现显示已选用户