dropdownlist之间的互相联动实现（显示与隐藏）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了dropdownlist之间的互相联动实现（显示与隐藏），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4469字，纯文字阅读大概需要7分钟。

内容图文

<script language="javascript" type ="text/javascript" > 

var Arrchange1 =new Array (); 
var Arrchange2 =new Array (); 
var Arrchange3 =new Array (); 
function hide(s_id,index) 
{ 
var xxx = document .getElementById (s_id); 
var oldOption = xxx.children(index); 
var oldStr = oldOption.innerText; 
var newOption = document.createElement('<div' + oldOption.outerHTML.match(/(<\w*)([^>]*)(>)/)[2] +'>'); 
newOption.innerText= oldStr; 
newOption.swapNode(oldOption); 
//alert(xxx.innerHTML); 
} 

function show(s_id,index) 
{ 
var xxx =document .getElementById (s_id); 
var oldOption = xxx.children(index); 
if(oldOption.tagName=='DIV') 
{ 
var oldStr = oldOption.innerText; 
var newOption = document.createElement('<option' + oldOption.outerHTML.match(/(<\w*)([^>]*)(>)/)[2] +'>'); 
newOption.innerText = oldStr; 
newOption.swapNode(oldOption); 
} 
//alert(xxx.innerHTML); 
} 



function onchange1() 
{ 
var s_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); 
} 
} 
function onchange2() 
{ 
var s_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); 
} 
} 
function onchange3() 
{ 
var s_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); 
} 
} 

function a() {alert("fuck ");} 
</script> 

<select name="Ddl_question1" id="Ddl_question1" onchange="onchange1()"> 
<option value="0">请选择密保信息</option> 
<option value="1">您母亲的姓名是？</option> 
<option value="2">您父亲的姓名是？</option> 
<option value="3">您配偶的姓名是？</option> 
<option value="4">您的出生地是？</option> 
<option value="5">您高中班主任的姓名是？</option> 
<option value="6">您初中班主任的姓名是？</option> 
<option value="7">您小学班主任的姓名是？</option> 
<option value="8">您小学校名是？</option> 
<option value="9">您的学号(或工号)是？</option> 
<option value="10">您父亲的生日是？</option> 
<option value="11">您母亲的生日是？</option> 
<option value="12">您配偶的生日是？</option> 

</select> 
<select name="Ddl_question2" id="Ddl_question2" onchange="onchange2()"> 
<option value="0">请选择密保信息</option> 
<option value="1">您母亲的姓名是？</option> 
<option value="2">您父亲的姓名是？</option> 
<option value="3">您配偶的姓名是？</option> 
<option value="4">您的出生地是？</option> 
<option value="5">您高中班主任的姓名是？</option> 
<option value="6">您初中班主任的姓名是？</option> 
<option value="7">您小学班主任的姓名是？</option> 
<option value="8">您小学校名是？</option> 
<option value="9">您的学号(或工号)是？</option> 
<option value="10">您父亲的生日是？</option> 
<option value="11">您母亲的生日是？</option> 
<option value="12">您配偶的生日是？</option> 

</select> 
<select name="Ddl_question3" id="Ddl_question3" onchange="onchange3()"> 
<option value="0">请选择密保信息</option> 
<option value="1">您母亲的姓名是？</option> 
<option value="2">您父亲的姓名是？</option> 
<option value="3">您配偶的姓名是？</option> 
<option value="4">您的出生地是？</option> 
<option value="5">您高中班主任的姓名是？</option> 
<option value="6">您初中班主任的姓名是？</option> 
<option value="7">您小学班主任的姓名是？</option> 
<option value="8">您小学校名是？</option> 
<option value="9">您的学号(或工号)是？</option> 
<option value="10">您父亲的生日是？</option> 
<option value="11">您母亲的生日是？</option> 
<option value="12">您配偶的生日是？</option> 

</select> 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的dropdownlist之间的互相联动实现（显示与隐藏）全部内容，希望文章能够帮你解决dropdownlist之间的互相联动实现（显示与隐藏）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端