這篇文章主要為大家展示了“JS如何實現(xiàn)五級聯(lián)動菜單效果”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“JS如何實現(xiàn)五級聯(lián)動菜單效果”這篇文章吧。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計、網(wǎng)站制作、曾都網(wǎng)絡(luò)推廣、微信小程序、曾都網(wǎng)絡(luò)營銷、曾都企業(yè)策劃、曾都品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供曾都建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

js實現(xiàn)多級聯(lián)動的方法很多，這里給出一種5級聯(lián)動的例子，其實可以擴展成N級聯(lián)動,在做項目的時候碰到了這樣一個問題但是有不能從數(shù)據(jù)庫中動態(tài)的加載這些選項，所以只有想辦法從單個的頁面著手來處理了，應(yīng)為項目的表單是動態(tài)產(chǎn)生的，所以需要每個流程的設(shè)計過程中需要有單獨的頁面來處理，這樣就決定了不能改變已有的業(yè)務(wù)邏輯來實現(xiàn)多級表單的聯(lián)動。

運行效果圖如下：

完整代碼如下：

function Dsy()
{
  this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
  this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
  if(typeof(this.Items[id]) == "undefined")
    return false;
  return true;
}
function change(v)
{
  var str="0";
  for(i=0;i0 || !v)
    {
      if(dsy.Exists(str))
      {
        ar = dsy.Items[str];
        for(i=0;i

var s=["s1","s2","s3","s4","s5"];
var opt0 = ["一級選擇","二級選擇","三級選擇","四級選擇","五級選擇"];
function setup()
{
  for(i=0;i



一級選擇
二級選擇
三級選擇
四級選擇
五級選擇

以上是“JS如何實現(xiàn)五級聯(lián)動菜單效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！