dropdownlist之間的互相聯(lián)動(dòng)實(shí)現(xiàn)(顯示與隱藏)
<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">請(qǐng)選擇密保信息</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é)號(hào)(或工號(hào))是?</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">請(qǐng)選擇密保信息</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é)號(hào)(或工號(hào))是?</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">請(qǐng)選擇密保信息</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é)號(hào)(或工號(hào))是?</option>
<option value="10">您父親的生日是?</option>
<option value="11">您母親的生日是?</option>
<option value="12">您配偶的生日是?</option>
</select>
- Yii2使用dropdownlist實(shí)現(xiàn)地區(qū)三級(jí)聯(lián)動(dòng)功能的方法
- asp.net DropDownList實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)效果
- ASP.NET中DropDownList和ListBox實(shí)現(xiàn)兩級(jí)聯(lián)動(dòng)功能
- DropDownList綁定數(shù)據(jù)表實(shí)現(xiàn)兩級(jí)聯(lián)動(dòng)示例
- 下拉列表多級(jí)聯(lián)動(dòng)dropDownList示例代碼
- 使用jQuery實(shí)現(xiàn)dropdownlist的聯(lián)動(dòng)效果(sharepoint 2007)
- asp.net省市三級(jí)聯(lián)動(dòng)的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
- Jquery實(shí)現(xiàn)無(wú)刷新DropDownList聯(lián)動(dòng)實(shí)現(xiàn)代碼
- asp.net DropDownList 三級(jí)聯(lián)動(dòng)下拉菜單實(shí)現(xiàn)代碼
- yii2中dropDownList實(shí)現(xiàn)二級(jí)和三級(jí)聯(lián)動(dòng)寫(xiě)法
相關(guān)文章
微信小程序解除10個(gè)請(qǐng)求并發(fā)限制
這篇文章主要介紹了微信小程序解除10個(gè)請(qǐng)求并發(fā)限制,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12JavaScript中 this 指向問(wèn)題深度解析
這篇文章主要介紹了JavaScript中 this 指向問(wèn)題深度解析,JavaScript 中的 this 指向問(wèn)題有很多文章在解釋?zhuān)匀挥泻芏嗳藛?wèn),本文給大家深度解析,需要的朋友可以參考下2017-02-02javascript簡(jiǎn)單實(shí)現(xiàn)命名空間效果
這篇文章主要介紹了javascript簡(jiǎn)單的實(shí)現(xiàn)命名空間效果的方法。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-03-03JS封裝的自動(dòng)創(chuàng)建表格的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS封裝的自動(dòng)創(chuàng)建表格的實(shí)現(xiàn)代碼的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06JavaScript交換變量的常用方法小結(jié)【4種方法】
這篇文章主要介紹了JavaScript交換變量的常用方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript交換變量的4種實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05學(xué)習(xí)JavaScript中的閉包c(diǎn)losure應(yīng)該注意什么
這篇文章主要介紹了學(xué)習(xí)JavaScript中的閉包c(diǎn)losure應(yīng)該注意什么?在?JavaScript?中,?每當(dāng)創(chuàng)建一個(gè)函數(shù),?閉包就會(huì)在函數(shù)創(chuàng)建的同時(shí)被創(chuàng)建出來(lái),但是學(xué)習(xí)的時(shí)候我們應(yīng)該注意哪些問(wèn)題呢,帶著疑問(wèn)一起進(jìn)入下面文章學(xué)習(xí)具體內(nèi)容吧2022-06-062007/12/23更新創(chuàng)意無(wú)限,簡(jiǎn)單實(shí)用(javascript log)
在javascript開(kāi)發(fā)過(guò)程中,如果總是使用alert的方式調(diào)試程序,在某些簡(jiǎn)單的程序中是可行的. 但是在通常的項(xiàng)目很復(fù)雜,這種方式已經(jīng)很難滿(mǎn)足,企業(yè)級(jí)開(kāi)發(fā)的需要。2007-12-12小程序?qū)崿F(xiàn)倒計(jì)時(shí)組件的使用示例
倒計(jì)時(shí)是指從一個(gè)固定的時(shí)間開(kāi)始,向前推算一段時(shí)間,來(lái)計(jì)算目標(biāo)時(shí)間或剩余時(shí)間的過(guò)程,本文主要介紹了小程序?qū)崿F(xiàn)倒計(jì)時(shí)組件的使用示例,具有一定的參考價(jià)值,感興趣的可以了解一下2023-09-09JavaScript中數(shù)組隨機(jī)排序的實(shí)現(xiàn)詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript中數(shù)組隨機(jī)排序的實(shí)現(xiàn),主要是利用原地算法和sort/shuffle算法,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-11-11