簡(jiǎn)單js代碼實(shí)現(xiàn)selece二級(jí)聯(lián)動(dòng)(推薦)
更新時(shí)間：2014年02月18日 09:12:09 作者：
這篇文章主要介紹了簡(jiǎn)單js代碼實(shí)現(xiàn)selece二級(jí)聯(lián)動(dòng)的簡(jiǎn)單實(shí)例。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
以下是html代碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<!-- by sundful starting-->
<BODY>
<script language="JavaScript">
var subcat = new Array();
subcat[0] = new Array('中文','英語(yǔ)','英語(yǔ)')
subcat[1] = new Array('中文','法語(yǔ)','法語(yǔ)')
subcat[2] = new Array('英語(yǔ)','中文','中文')
subcat[3] = new Array('法語(yǔ)','中文','中文')
function changeselect1(locationid)
{
document.form1.s2.length = 0; //初始化下拉列表 清空下拉數(shù)據(jù)
document.form1.s2.options[0] = new Option('==請(qǐng)選擇==',''); //給第一個(gè)值
for (i=0; i<subcat.length; i++) //legth=20
{
if (subcat[i][0] == locationid) //[0] [1] 第一列 第二列
{document.form1.s2.options[document.form1.s2.length] = new Option(subcat[i][1], subcat[i][2]);} //建立option
//第一次 length=1 因?yàn)橛?=請(qǐng)選擇==
//i=9時(shí) length= 10 值有11個(gè) 因?yàn)閺?數(shù)起 subcat[i][0] == locationid屏蔽了再寫(xiě)
}
}
</script>
<form name="form1" method="post" runat="server">
二級(jí)聯(lián)動(dòng)：
<select name="s1" onChange="changeselect1(this.value)">
<option>==請(qǐng)選擇==</option>
<option value="中文">中文</option>
<option value="英語(yǔ)">英語(yǔ)</option>
<option value="英語(yǔ)">法語(yǔ)</option>
</select>
<select name="s2">
<option>==請(qǐng)選擇==</option>
</select>
</form>
<!-- by sundful ending-->
</BODY>
</HTML>
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<!-- by sundful starting-->
<BODY>
<script language="JavaScript">
var subcat = new Array();
subcat[0] = new Array('中文','英語(yǔ)','英語(yǔ)')
subcat[1] = new Array('中文','法語(yǔ)','法語(yǔ)')
subcat[2] = new Array('英語(yǔ)','中文','中文')
subcat[3] = new Array('法語(yǔ)','中文','中文')
function changeselect1(locationid)
{
document.form1.s2.length = 0; //初始化下拉列表 清空下拉數(shù)據(jù)
document.form1.s2.options[0] = new Option('==請(qǐng)選擇==',''); //給第一個(gè)值
for (i=0; i<subcat.length; i++) //legth=20
{
if (subcat[i][0] == locationid) //[0] [1] 第一列 第二列
{document.form1.s2.options[document.form1.s2.length] = new Option(subcat[i][1], subcat[i][2]);} //建立option
//第一次 length=1 因?yàn)橛?=請(qǐng)選擇==
//i=9時(shí) length= 10 值有11個(gè) 因?yàn)閺?數(shù)起 subcat[i][0] == locationid屏蔽了再寫(xiě)
}
}
</script>
<form name="form1" method="post" runat="server">
二級(jí)聯(lián)動(dòng)：
<select name="s1" onChange="changeselect1(this.value)">
<option>==請(qǐng)選擇==</option>
<option value="中文">中文</option>
<option value="英語(yǔ)">英語(yǔ)</option>
<option value="英語(yǔ)">法語(yǔ)</option>
</select>
<select name="s2">
<option>==請(qǐng)選擇==</option>
</select>
</form>
<!-- by sundful ending-->
</BODY>
</HTML>
您可能感興趣的文章:
- js實(shí)現(xiàn)的全國(guó)省市二級(jí)聯(lián)動(dòng)下拉選擇菜單完整實(shí)例
- 最好用的省市二級(jí)聯(lián)動(dòng) 原生js實(shí)現(xiàn)你值得擁有
- jsp從數(shù)據(jù)庫(kù)獲取數(shù)據(jù)填充下拉框?qū)崿F(xiàn)二級(jí)聯(lián)動(dòng)菜單的方法
- js操作二級(jí)聯(lián)動(dòng)實(shí)現(xiàn)代碼
- 全國(guó)省市二級(jí)聯(lián)動(dòng)下拉菜單 js版
- js實(shí)現(xiàn)select二級(jí)聯(lián)動(dòng)下拉菜單
- js實(shí)現(xiàn)的下拉框二級(jí)聯(lián)動(dòng)效果
- JS簡(jiǎn)單實(shí)現(xiàn)城市二級(jí)聯(lián)動(dòng)選擇插件的方法
- javascript支持區(qū)號(hào)輸入的省市二級(jí)聯(lián)動(dòng)下拉菜單
- js實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)簡(jiǎn)單實(shí)例
相關(guān)文章
這篇文章主要介紹了js中實(shí)現(xiàn)繼承的五種方法，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-01-01
Lottie動(dòng)畫(huà)前端開(kāi)發(fā)使用技巧
這篇文章主要為大家介紹了Lottie動(dòng)畫(huà)前端開(kāi)發(fā)使用技巧，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
用JSON.parse 來(lái)轉(zhuǎn)換成json對(duì)象，由于有注釋的存在則無(wú)法正確轉(zhuǎn)換甚至報(bào)錯(cuò)。匹配字符串中的所有注釋?zhuān)▎涡泻投嘈凶⑨?/div> 2013-11-11
這篇文章主要為大家詳細(xì)介紹了js判斷鼠標(biāo)移入移出方向的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
函數(shù)式JavaScript編程指南...2007-02-02
JS實(shí)現(xiàn)將Asp.Net的DateTime Json類(lèi)型轉(zhuǎn)換為標(biāo)準(zhǔn)時(shí)間的方法
這篇文章主要介紹了JS實(shí)現(xiàn)將Asp.Net的DateTime Json類(lèi)型轉(zhuǎn)換為標(biāo)準(zhǔn)時(shí)間的方法,涉及javascript針對(duì)時(shí)間與日期操作的相關(guān)技巧,需要的朋友可以參考下2016-08-08
本文主要介紹了前端常見(jiàn)算法的JS實(shí)現(xiàn)，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
關(guān)于實(shí)現(xiàn)代碼語(yǔ)法標(biāo)亮 dp.SyntaxHighlighter
關(guān)于實(shí)現(xiàn)代碼語(yǔ)法標(biāo)亮 dp.SyntaxHighlighter...2007-02-02
js實(shí)現(xiàn)登錄框鼠標(biāo)拖拽效果
本文主要介紹了js實(shí)現(xiàn)登錄框鼠標(biāo)拖拽效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
使用SyntaxHighlighter實(shí)現(xiàn)HTML高亮顯示代碼的方法
syntaxhighlighter是一個(gè)小開(kāi)源項(xiàng)目，它可以在網(wǎng)頁(yè)中對(duì)各種程序源代碼語(yǔ)法進(jìn)行加亮顯示。2010-02-02最新評(píng)論