簡單js代碼實現(xiàn)selece二級聯(lián)動(推薦)

2024-05-06 16:01:07

字體：大中小

供稿：網(wǎng)友

這篇文章主要介紹了簡單js代碼實現(xiàn)selece二級聯(lián)動的簡單實例。需要的朋友可以過來參考下，希望對大家有所幫助

以下是html代碼：

復(fù)制代碼代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META CONTENT="EditPlus">
<META CONTENT="">
<META CONTENT="">
<META CONTENT="">
</HEAD>

<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       method="post"   runat="server">
二級聯(lián)動：

<select     onChange="changeselect1(this.value)">
<option>==請選擇==</option>
<option   value="中文">中文</option>
<option   value="英語">英語</option>
<option   value="英語">法語</option>
</select>

<select  >
<option>==請選擇==</option>
</select>
</form>

</BODY>
</HTML>