萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> js代碼實現selece二級聯動

js代碼實現selece二級聯動

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

以下是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;   //初始化下拉列表   清空下拉數據        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數起   subcat[i][0]   ==   locationid屏蔽了再寫        }        }        </script>          <form   name="form1"     method="post"   runat="server">        二級聯動:          <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>  
copyright © 萬盛學電腦網 all rights reserved