簡單js代碼實現(xiàn)selece二級聯(lián)動(推薦)
更新時間:2014年02月18日 09:12:09 作者:
這篇文章主要介紹了簡單js代碼實現(xiàn)selece二級聯(lián)動的簡單實例。需要的朋友可以過來參考下,希望對大家有所幫助
以下是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('中文','英語','英語')
subcat[1] = new Array('中文','法語','法語')
subcat[2] = new Array('英語','中文','中文')
subcat[3] = new Array('法語','中文','中文')
function changeselect1(locationid)
{
document.form1.s2.length = 0; //初始化下拉列表 清空下拉數(shù)據(jù)
document.form1.s2.options[0] = new Option('==請選擇==',''); //給第一個值
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 因為有==請選擇==
//i=9時 length= 10 值有11個 因為從0數(shù)起 subcat[i][0] == locationid屏蔽了再寫
}
}
</script>
<form name="form1" method="post" runat="server">
二級聯(lián)動:
<select name="s1" onChange="changeselect1(this.value)">
<option>==請選擇==</option>
<option value="中文">中文</option>
<option value="英語">英語</option>
<option value="英語">法語</option>
</select>
<select name="s2">
<option>==請選擇==</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('中文','英語','英語')
subcat[1] = new Array('中文','法語','法語')
subcat[2] = new Array('英語','中文','中文')
subcat[3] = new Array('法語','中文','中文')
function changeselect1(locationid)
{
document.form1.s2.length = 0; //初始化下拉列表 清空下拉數(shù)據(jù)
document.form1.s2.options[0] = new Option('==請選擇==',''); //給第一個值
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 因為有==請選擇==
//i=9時 length= 10 值有11個 因為從0數(shù)起 subcat[i][0] == locationid屏蔽了再寫
}
}
</script>
<form name="form1" method="post" runat="server">
二級聯(lián)動:
<select name="s1" onChange="changeselect1(this.value)">
<option>==請選擇==</option>
<option value="中文">中文</option>
<option value="英語">英語</option>
<option value="英語">法語</option>
</select>
<select name="s2">
<option>==請選擇==</option>
</select>
</form>
<!-- by sundful ending-->
</BODY>
</HTML>
您可能感興趣的文章:
- js實現(xiàn)的全國省市二級聯(lián)動下拉選擇菜單完整實例
- 最好用的省市二級聯(lián)動 原生js實現(xiàn)你值得擁有
- jsp從數(shù)據(jù)庫獲取數(shù)據(jù)填充下拉框?qū)崿F(xiàn)二級聯(lián)動菜單的方法
- js操作二級聯(lián)動實現(xiàn)代碼
- 全國省市二級聯(lián)動下拉菜單 js版
- js實現(xiàn)select二級聯(lián)動下拉菜單
- js實現(xiàn)的下拉框二級聯(lián)動效果
- JS簡單實現(xiàn)城市二級聯(lián)動選擇插件的方法
- javascript支持區(qū)號輸入的省市二級聯(lián)動下拉菜單
- js實現(xiàn)二級聯(lián)動簡單實例
相關(guān)文章
JS實現(xiàn)將Asp.Net的DateTime Json類型轉(zhuǎn)換為標(biāo)準(zhǔn)時間的方法
這篇文章主要介紹了JS實現(xiàn)將Asp.Net的DateTime Json類型轉(zhuǎn)換為標(biāo)準(zhǔn)時間的方法,涉及javascript針對時間與日期操作的相關(guān)技巧,需要的朋友可以參考下2016-08-08關(guān)于實現(xiàn)代碼語法標(biāo)亮 dp.SyntaxHighlighter
關(guān)于實現(xiàn)代碼語法標(biāo)亮 dp.SyntaxHighlighter...2007-02-02使用SyntaxHighlighter實現(xiàn)HTML高亮顯示代碼的方法
syntaxhighlighter是一個小開源項目,它可以在網(wǎng)頁中對各種程序源代碼語法進(jìn)行加亮顯示。2010-02-02