jQuery如何實(shí)現(xiàn)下拉框的二級(jí)聯(lián)動(dòng)？

給你一個(gè)三級(jí)聯(lián)動(dòng)的，你你參考一下

成都創(chuàng)新互聯(lián)公司是一家專(zhuān)業(yè)提供太原企業(yè)網(wǎng)站建設(shè),專(zhuān)注與網(wǎng)站制作、成都做網(wǎng)站、HTML5建站、小程序制作等業(yè)務(wù)。10年已為太原眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

script language="JavaScript" type="text/javascript"

function createCode()

{

//數(shù)組賦值

var varname = new Array(4);

varname[0] = "請(qǐng)選擇";

varname[1] = "紅色";

varname[2] = "黃色";

varname[3] = "藍(lán)色";

//下拉框賦值

for(var i=0;i4;i++)

{

document.getElementById('xlk1').options[i] = new Option(varname[i],i);

}

copy();

}

//復(fù)制下拉框一給下拉框二

function copy()

{

for(i=0;idocument.getElementById("xlk1").options.length;i++)

{

document.getElementById('xlk2').options[i] = new Option(document.getElementById("xlk1").options[i].text,i)

}

copytwo();

}

//復(fù)制下拉框一給下拉框二

function copytwo()

{

for(i=0;idocument.getElementById("xlk2").options.length;i++)

{

document.getElementById('xlk3').options[i] = new Option(document.getElementById("xlk2").options[i].text,i)

}

}

function onChange1()

{

//獲取下拉框1的選中項(xiàng)

var strid=document.getElementById("xlk1").value;

//獲取選中項(xiàng)的內(nèi)容

//var strtxt=document.getElementById("xlk1").options[window.document.getElementById("xlk1").selectedIndex].text;

//獲取指定ID下拉框的項(xiàng)總數(shù)

//var strnub=document.getElementById("xlk1").options.length;

copy();

if(strid != 0)

{

document.getElementById("xlk2").options.remove(strid);

document.getElementById("xlk3").options.remove(strid);

}

document.getElementById("textfield").value=strid+strtxt+strnub;

}

function onChange2()

{

//獲取下拉框1的選中項(xiàng)

var strid2=document.getElementById("xlk2").selectedIndex;

//獲取選中項(xiàng)的內(nèi)容

var strtxt2=document.getElementById("xlk2").options[window.document.getElementById("xlk2").selectedIndex].text;

//獲取指定ID下拉框的項(xiàng)總數(shù)

var strnub2=document.getElementById("xlk2").options.length;

copytwo();

if(strid2 != 0)

{

document.getElementById("xlk3").options.remove(strid2);

}

}

/script

body onLoad="createCode()"

form id="form1" name="form1" method="post" action=""

select name="xlk1" id="xlk1" onChange="onChange1()"/select

select name="xlk2" id="xlk2" onChange="onChange2()"/select

select name="xlk3" id="xlk3"/select

/form

jquery點(diǎn)擊下拉框出現(xiàn)alter彈框

快捷按鍵。下拉框是jquery軟件的快捷按鍵，點(diǎn)擊后會(huì)出現(xiàn)alter彈框，進(jìn)行編輯。jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)（框架）于2006年1月由JohnResig發(fā)布。

jquery給下拉框設(shè)置默認(rèn)值

jquery設(shè)置下拉框的默認(rèn)值可以直接使用val方法進(jìn)行設(shè)置。

val方法可以設(shè)置表單元素的值，不管是輸入框還是下拉菜單，都是用一樣的設(shè)置方法。