dropdownlist之間的互相聯(lián)動實現(xiàn)(顯示與隱藏)
更新時間:2009年11月24日 01:25:37 作者:
dropdownlist之間的互相聯(lián)動(顯示與隱藏)
復(fù)制代碼 代碼如下:
<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">您小學(xué)班主任的姓名是?</option>
<option value="8">您小學(xué)校名是?</option>
<option value="9">您的學(xué)號(或工號)是?</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">您小學(xué)班主任的姓名是?</option>
<option value="8">您小學(xué)校名是?</option>
<option value="9">您的學(xué)號(或工號)是?</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">您小學(xué)班主任的姓名是?</option>
<option value="8">您小學(xué)校名是?</option>
<option value="9">您的學(xué)號(或工號)是?</option>
<option value="10">您父親的生日是?</option>
<option value="11">您母親的生日是?</option>
<option value="12">您配偶的生日是?</option>
</select>
您可能感興趣的文章:
- Yii2使用dropdownlist實現(xiàn)地區(qū)三級聯(lián)動功能的方法
- asp.net DropDownList實現(xiàn)二級聯(lián)動效果
- ASP.NET中DropDownList和ListBox實現(xiàn)兩級聯(lián)動功能
- DropDownList綁定數(shù)據(jù)表實現(xiàn)兩級聯(lián)動示例
- 下拉列表多級聯(lián)動dropDownList示例代碼
- 使用jQuery實現(xiàn)dropdownlist的聯(lián)動效果(sharepoint 2007)
- asp.net省市三級聯(lián)動的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
- Jquery實現(xiàn)無刷新DropDownList聯(lián)動實現(xiàn)代碼
- asp.net DropDownList 三級聯(lián)動下拉菜單實現(xiàn)代碼
- yii2中dropDownList實現(xiàn)二級和三級聯(lián)動寫法
相關(guān)文章
JS封裝的自動創(chuàng)建表格的實現(xiàn)代碼
這篇文章主要介紹了JS封裝的自動創(chuàng)建表格的實現(xiàn)代碼的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-06-06JavaScript交換變量的常用方法小結(jié)【4種方法】
這篇文章主要介紹了JavaScript交換變量的常用方法,結(jié)合實例形式總結(jié)分析了JavaScript交換變量的4種實現(xiàn)方法與操作注意事項,需要的朋友可以參考下2020-05-05學(xué)習(xí)JavaScript中的閉包closure應(yīng)該注意什么
這篇文章主要介紹了學(xué)習(xí)JavaScript中的閉包closure應(yīng)該注意什么?在?JavaScript?中,?每當(dāng)創(chuàng)建一個函數(shù),?閉包就會在函數(shù)創(chuàng)建的同時被創(chuàng)建出來,但是學(xué)習(xí)的時候我們應(yīng)該注意哪些問題呢,帶著疑問一起進(jìn)入下面文章學(xué)習(xí)具體內(nèi)容吧2022-06-062007/12/23更新創(chuàng)意無限,簡單實用(javascript log)
在javascript開發(fā)過程中,如果總是使用alert的方式調(diào)試程序,在某些簡單的程序中是可行的. 但是在通常的項目很復(fù)雜,這種方式已經(jīng)很難滿足,企業(yè)級開發(fā)的需要。2007-12-12JavaScript中數(shù)組隨機(jī)排序的實現(xiàn)詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript中數(shù)組隨機(jī)排序的實現(xiàn),主要是利用原地算法和sort/shuffle算法,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-11-11